Hover on the left menu items

This commit is contained in:
Jackson Harper 2023-03-01 20:41:52 +08:00
parent 90c8837c39
commit 7cd8fee664
2 changed files with 16 additions and 1 deletions

View file

@ -167,6 +167,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
height: '30px',
width: '30px',
mt: '-5px',
mr: '-5px',
alignItems: 'center',
justifyContent: 'center',
borderRadius: '1000px',

View file

@ -166,7 +166,21 @@ function MenuPanel(props: MenuPanelProps): JSX.Element {
{props.editTitle && props.editFunc && (
<Dropdown
triggerElement={
<DotsThree size={25} weight="bold" color="#BEBEBE" />
<Box
css={{
display: 'flex',
height: '30px',
width: '30px',
alignItems: 'center',
justifyContent: 'center',
borderRadius: '1000px',
'&:hover': {
bg: '#EBEBEB',
},
}}
>
<DotsThree size={25} weight="bold" color="#BEBEBE" />
</Box>
}
>
<DropdownOption