yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Round badges completely, tweak border #critfeedback

Browse Source
This commit is contained in:
Tom Moor
2022-02-17 21:46:47 -08:00
parent ab573ba02c
commit 6a26e062d0
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/components/Badge.ts
View File

@@ -1,3 +1,4 @@
import { transparentize } from "polished";
import styled from "styled-components"; import styled from "styled-components";
const Badge = styled.span<{ yellow?: boolean; primary?: boolean }>` const Badge = styled.span<{ yellow?: boolean; primary?: boolean }>`
@@ -9,8 +10,10 @@ const Badge = styled.span<{ yellow?: boolean; primary?: boolean }>`
primary ? theme.white : yellow ? theme.almostBlack : theme.textTertiary}; primary ? theme.white : yellow ? theme.almostBlack : theme.textTertiary};
border: 1px solid border: 1px solid
${({ primary, yellow, theme }) => ${({ primary, yellow, theme }) =>
primary || yellow ? "transparent" : theme.textTertiary}; primary || yellow
border-radius: 8px; ? "transparent"
: transparentize(0.4, theme.textTertiary)};
border-radius: 10px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
user-select: none; user-select: none;