prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make the library layout toggles into buttons

Browse source
This commit is contained in:
Jackson Harper 2022-08-15 12:13:25 +08:00
parent 28c7d7be90
commit b6d58d15be
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/web/components/elements/Button.tsx
View file

@ -191,6 +191,7 @@ export const Button = styled('button', {
color: 'transparent',
border: 'none',
bg: 'transparent',
cursor: 'pointer',
'&:hover': {
opacity: 0.8,
},

8
packages/web/components/templates/library/LibraryHeadline.tsx
View file

@ -15,8 +15,12 @@ export function LibraryHeadline(): JSX.Element {
<StyledText style="libraryHeader">Home</StyledText>
<HStack alignment="center" distribution="start" css={{ marginLeft: 'auto', gap: '16px' }}>
<Button style="ctaDarkYellow">Add Link</Button>
<LibraryListLayoutIcon color="#D6D6D6" />
<LibraryGridLayoutIcon color={theme.colors.omnivoreCtaYellow.toString()} />
<Button style="ghost">
<LibraryListLayoutIcon color="#D6D6D6" />
</Button>
<Button style="ghost">
<LibraryGridLayoutIcon color={theme.colors.omnivoreCtaYellow.toString()} />
</Button>
</HStack>
</HStack>
)