interface: fix content transparency in dark mode

This commit is contained in:
Liam Fitzgerald 2020-11-16 13:55:11 +10:00
parent 4e84c43380
commit ff50753c71
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
2 changed files with 7 additions and 5 deletions

View File

@ -63,7 +63,9 @@ function Group(props: GroupProps) {
<Tile to={`/~landscape${path}`}>
<Col height="100%" justifyContent="space-between">
<Text>{title}</Text>
{unreads > 0 && <Text gray>{unreads} unread </Text>}
{unreads > 0 &&
(<Text gray>{unreads} unread{unreads !== 1 && 's'} </Text>)
}
</Col>
</Tile>
);

View File

@ -29,9 +29,9 @@ function getGraphModuleIcon(module: string) {
const FilterBox = styled(Box)`
background: linear-gradient(
${(p) => p.theme.colors.scales.white10} 0%,
${(p) => p.theme.colors.scales.white60} 40%,
${(p) => p.theme.colors.scales.white100} 100%
to bottom,
transparent,
${(p) => p.theme.colors.white}
);
`;
@ -91,7 +91,7 @@ const GraphNodeContent = ({ contents, mod, description, index }) => {
width="100%"
zIndex="1"
height="calc(100% - 2em)"
bottom="0px"
bottom="-4px"
position="absolute"
/>
</Box>