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

Switch to the circle buttons

Browse source
This commit is contained in:
Jackson Harper 2024-02-29 10:38:42 +08:00
parent 0e7bd46916
commit 9d5a90538a
2 changed files with 4 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -37,9 +37,10 @@ export const Button = styled('button', {
gap: '10px',
display: 'flex',
alignItems: 'center',
borderRadius: '5px',
borderRadius: '100px',
px: '10px',
py: '5px',
py: '10px',
fontFamily: '$inter',
fontSize: '12px',
fontWeight: '500',

36
packages/web/components/templates/homeFeed/TLDRLayout.tsx
View file

@ -62,38 +62,7 @@ export function TLDRLayout(props: TLDRLayoutProps): JSX.Element {
<input type="checkbox" />
</SpanBox>
<VStack
alignment="start"
css={
{
// px: '60px',
// pl: '10px',
// py: '15px',
// gap: '15px',
// height: '100%',
// color: '#EDEDED',
// borderStyle: 'none',
// borderBottom: 'none',
// borderRadius: '6px',
// '@media (min-width: 768px)': {
// width: `calc(100vw - ${LIBRARY_LEFT_MENU_WIDTH})`,
// },
// '@media (min-width: 930px)': {
// width: '580px',
// },
// '@media (min-width: 1280px)': {
// width: '890px',
// },
// '@media (min-width: 1600px)': {
// width: '1200px',
// },
// '@media (max-width: 930px)': {
// borderRadius: '0px',
// },
}
}
distribution="start"
>
<VStack alignment="start" distribution="start">
<SpanBox
css={{
fontFamily: '$inter',
@ -118,15 +87,12 @@ export function TLDRLayout(props: TLDRLayoutProps): JSX.Element {
<HStack css={{ gap: '15px', pt: '5px' }}>
<Button style="tldr">
<ArchiveIcon size={20} color="#EDEDED" />
Archive
</Button>
<Button style="tldr">
<TrashIcon size={20} color="#EDEDED" />
Remove
</Button>
<Button style="tldr">
<BrowserIcon size={20} color="#EDEDED" />
Open original
</Button>
</HStack>
</VStack>