feat: refine sidebar icon styling
This commit is contained in:
@@ -136,7 +136,7 @@ const MenuItemFlyout = memo(function MenuItemFlyout({ item, activeKeys, isRoot =
|
|||||||
size="lg"
|
size="lg"
|
||||||
aria-label={t(item.label)}
|
aria-label={t(item.label)}
|
||||||
>
|
>
|
||||||
<Icon size={20} />
|
<Icon size={20} strokeWidth={1.6} />
|
||||||
</ActionIcon>
|
</ActionIcon>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
);
|
);
|
||||||
@@ -170,7 +170,7 @@ const MenuItemFlyout = memo(function MenuItemFlyout({ item, activeKeys, isRoot =
|
|||||||
size="lg"
|
size="lg"
|
||||||
aria-label={t(item.label)}
|
aria-label={t(item.label)}
|
||||||
>
|
>
|
||||||
<Icon size={20} />
|
<Icon size={20} strokeWidth={1.6} />
|
||||||
</ActionIcon>
|
</ActionIcon>
|
||||||
) : (
|
) : (
|
||||||
<Menu.Item
|
<Menu.Item
|
||||||
@@ -533,10 +533,13 @@ export const SidebarMenu = memo(function SidebarMenu({
|
|||||||
onClick={handleToggleExpandAll}
|
onClick={handleToggleExpandAll}
|
||||||
size={30}
|
size={30}
|
||||||
radius="md"
|
radius="md"
|
||||||
fw={400}
|
|
||||||
aria-label={isAllExpanded ? t('common:collapseAll') : t('common:expandAll')}
|
aria-label={isAllExpanded ? t('common:collapseAll') : t('common:expandAll')}
|
||||||
>
|
>
|
||||||
{isAllExpanded ? <PanelTopOpen size={16} /> : <PanelTopClose size={16} />}
|
{isAllExpanded ? (
|
||||||
|
<PanelTopOpen size={16} strokeWidth={1.5} />
|
||||||
|
) : (
|
||||||
|
<PanelTopClose size={16} strokeWidth={1.5} />
|
||||||
|
)}
|
||||||
</ActionIcon>
|
</ActionIcon>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</Box>
|
</Box>
|
||||||
|
|||||||
Reference in New Issue
Block a user