urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-12-26 05:23:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

interface: fix content transparency in dark mode

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pkg/interface/src/views/apps/launch/components/Groups.tsx
View File

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

8
pkg/interface/src/views/apps/notifications/graph.tsx
View File

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