Skip to content

Commit

Permalink
fixup! ♿️(frontend) update left nav panel
Browse files Browse the repository at this point in the history
  • Loading branch information
daproclaima committed Sep 23, 2024
1 parent f89727b commit 81ecfa3
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 32 deletions.
2 changes: 1 addition & 1 deletion secrets
62 changes: 31 additions & 31 deletions src/frontend/apps/desk/src/features/menu/MenuItems.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -44,38 +44,38 @@ const MenuItem = ({ Icon, label, href, alias }: MenuItemProps) => {
};

return (
<Box
$margin="xtiny"
$padding="tiny"
as="li"
$justify="center"
$css="transition: all 0.2s ease-in-out;"
$background={background}
$radius="10px"
ref={parentRef}
>
<BoxButton
aria-current={isActive && 'page'}
onMouseOver={() => setIsTooltipOpen(true)}
onMouseLeave={() => setIsTooltipOpen(false)}
$css={`
padding: 0;
${isActive ? null : '&:focus-visible {outline: #fff solid 2px;}'}
`}
aria-label={t(`{{label}} button`, { label })}
$color={color}
as="button"
onClick={() => router.push(href)}
<Box ref={parentRef}>
<Box
$margin="xtiny"
$padding="tiny"
as="li"
$justify="center"
$css="transition: all 0.2s ease-in-out;"
$background={background}
$radius="10px"
>
<Icon
width="2.375rem"
aria-hidden="true"
style={{
transition: 'color 0.2s ease-in-out',
}}
/>
</BoxButton>

<BoxButton
aria-current={isActive && 'page'}
onMouseOver={() => setIsTooltipOpen(true)}
onMouseLeave={() => setIsTooltipOpen(false)}
$css={`
padding: 0;
${isActive ? null : '&:focus-visible {outline: #fff solid 2px;}'}
`}
aria-label={t(`{{label}} button`, { label })}
$color={color}
as="button"
onClick={() => router.push(href)}
>
<Icon
width="2.375rem"
aria-hidden="true"
style={{
transition: 'color 0.2s ease-in-out',
}}
/>
</BoxButton>
</Box>
<Box as="span">
{isTooltipOpen && (
<Tooltip
Expand Down

0 comments on commit 81ecfa3

Please sign in to comment.