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

Left menu tweaks

Browse source
This commit is contained in:
Jackson Harper 2023-03-01 13:35:38 +08:00
parent c58e3b3762
commit 5c9701b00d
1 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
View file

@ -3,7 +3,7 @@ import { StyledText } from '../../elements/StyledText'
import { Box, HStack, SpanBox, VStack } from '../../elements/LayoutPrimitives'
import { Dropdown, DropdownOption } from '../../elements/DropdownElements'
import { Button } from '../../elements/Button'
import { Circle, DotsThree, Plus } from 'phosphor-react'
import { CaretRight, Circle, DotsThree, Plus } from 'phosphor-react'
import { useGetSubscriptionsQuery } from '../../../lib/networking/queries/useGetSubscriptionsQuery'
import { useGetLabelsQuery } from '../../../lib/networking/queries/useGetLabelsQuery'
import { Label } from '../../../lib/networking/fragments/labelFragment'
@ -205,14 +205,14 @@ function FilterButton(props: FilterButtonProps): JSX.Element {
<Box
css={{
pl: '10px',
pt: '2px', // TODO: hack to middle align
mb: '10px',
display: 'flex',
width: '100%',
height: '30px',
height: '32px',
backgroundColor: selected ? '#FFEA9F' : 'unset',
fontSize: '16px',
fontSize: '14px',
fontWeight: 'regular',
fontFamily: 'Inter',
fontFamily: 'SF Pro Text',
color: '#3D3D3D',
verticalAlign: 'middle',
borderRadius: '3px',
@ -220,6 +220,7 @@ function FilterButton(props: FilterButtonProps): JSX.Element {
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
alignItems: 'center',
'&:hover': {
backgroundColor: selected ? '#FFEA9F' : '#EBEBEB',
},
@ -354,11 +355,14 @@ function ViewAllButton(props: ViewAllButtonProps): JSX.Element {
<Button
style="ghost"
css={{
display: 'flex',
pl: '10px',
color: '#BEBEBE',
color: '#898989',
fontWeight: '600',
fontSize: '12px',
py: '20px',
gap: '2px',
alignItems: 'center',
}}
onClick={(e) => {
props.setState(!props.state)
@ -366,6 +370,9 @@ function ViewAllButton(props: ViewAllButtonProps): JSX.Element {
}}
>
{props.state ? 'Hide' : 'View All'}
{props.state ? null : (
<CaretRight size={12} color="#898989" weight="bold" />
)}
</Button>
)
}