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

chore: Show 'private' badge on private collections (#1952)

Browse Source 
* chore: Show 'private' badge on private collections

* lint

* fix: Missing translation mapping
This commit is contained in:
Tom Moor
2021-03-12 16:41:26 -08:00
committed by GitHub
parent bdb684a4be
commit 2385f41a98
5 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/components/Badge.js
View File

@@ -3,15 +3,17 @@ import styled from "styled-components";
const Badge = styled.span`
margin-left: 10px;
padding: 2px 6px 3px;
padding: 1px 5px 2px;
background-color: ${({ yellow, primary, theme }) =>
yellow ? theme.yellow : primary ? theme.primary : theme.textTertiary};
yellow ? theme.yellow : primary ? theme.primary : "transparent"};
color: ${({ primary, yellow, theme }) =>
primary ? theme.white : yellow ? theme.almostBlack : theme.background};
border-radius: 4px;
font-size: 11px;
primary ? theme.white : yellow ? theme.almostBlack : theme.textTertiary};
border: 1px solid
${({ primary, yellow, theme }) =>
primary || yellow ? "transparent" : theme.textTertiary};
border-radius: 8px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
user-select: none;
`;