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

Fix hover colors on the filter menu

Browse source
This commit is contained in:
Jackson Harper 2023-03-06 11:44:14 +08:00
parent 8c02184b99
commit ed2b99a9da
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -190,7 +190,7 @@ function MenuPanel(props: MenuPanelProps): JSX.Element {
justifyContent: 'center',
borderRadius: '1000px',
'&:hover': {
bg: '#EBEBEB',
bg: '$thBackground4',
},
}}
>
@ -249,11 +249,11 @@ function FilterButton(props: FilterButtonProps): JSX.Element {
width: '100%',
maxWidth: '100%',
height: '32px',
backgroundColor: selected ? '$thBackground2' : 'unset',
backgroundColor: selected ? '#FFEA9F' : 'unset',
fontSize: '14px',
fontWeight: 'regular',
fontFamily: '$display',
color: '$thTextSubtle',
color: selected ? '#3D3D3D' : '$thTextSubtle',
verticalAlign: 'middle',
borderRadius: '3px',
cursor: 'pointer',
@ -262,10 +262,10 @@ function FilterButton(props: FilterButtonProps): JSX.Element {
whiteSpace: 'nowrap',
alignItems: 'center',
'&:hover': {
backgroundColor: selected ? '#FFEA9F' : '#EBEBEB',
backgroundColor: selected ? '#FFEA9F' : '$thBackground4',
},
'&:active': {
backgroundColor: '#FFEA9F',
backgroundColor: selected ? '#FFEA9F' : '$thBackground4',
},
}}
onClick={(e) => {