vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-10 04:30:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

prevent action bar icons from being squished on resize (fix)

Browse Source
This commit is contained in:
jeffvli
2025-12-15 21:37:17 -08:00
parent cf4e505743
commit 5b5cdbfb7f
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/sidebar/components/action-bar.tsx
+9 -4
View File
@@ -5,7 +5,6 @@ import styles from './action-bar.module.css';
import { AppMenu } from '/@/renderer/features/titlebar/components/app-menu'; import { AppMenu } from '/@/renderer/features/titlebar/components/app-menu';
import { useCommandPalette } from '/@/renderer/store'; import { useCommandPalette } from '/@/renderer/store';
import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
import { Button } from '/@/shared/components/button/button'; import { Button } from '/@/shared/components/button/button';
import { DropdownMenu } from '/@/shared/components/dropdown-menu/dropdown-menu'; import { DropdownMenu } from '/@/shared/components/dropdown-menu/dropdown-menu';
import { Grid } from '/@/shared/components/grid/grid'; import { Grid } from '/@/shared/components/grid/grid';
@@ -42,7 +41,9 @@ export const ActionBar = () => {
<Group gap="sm" grow wrap="nowrap"> <Group gap="sm" grow wrap="nowrap">
<DropdownMenu position="bottom-start"> <DropdownMenu position="bottom-start">
<DropdownMenu.Target> <DropdownMenu.Target>
<ActionIcon icon="menu" iconProps={{ size: 'lg' }} /> <Button p="0">
<Icon icon="menu" size="lg" />
</Button>
</DropdownMenu.Target> </DropdownMenu.Target>
<DropdownMenu.Dropdown> <DropdownMenu.Dropdown>
<AppMenu /> <AppMenu />
@@ -61,8 +62,12 @@ const NavigateButtons = () => {
return ( return (
<> <>
<ActionIcon icon="arrowLeftS" iconProps={{ size: 'lg' }} onClick={() => navigate(-1)} /> <Button onClick={() => navigate(-1)} p="0">
<ActionIcon icon="arrowRightS" iconProps={{ size: 'lg' }} onClick={() => navigate(1)} /> <Icon icon="arrowLeftS" size="lg" />
</Button>
<Button onClick={() => navigate(1)} p="0">
<Icon icon="arrowRightS" size="lg" />
</Button>
</> </>
); );
}; };