mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 04:20:12 +02:00
prevent action bar icons from being squished on resize
This commit is contained in:
@@ -5,6 +5,7 @@ import styles from './action-bar.module.css';
|
||||
|
||||
import { AppMenu } from '/@/renderer/features/titlebar/components/app-menu';
|
||||
import { useCommandPalette } from '/@/renderer/store';
|
||||
import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
|
||||
import { Button } from '/@/shared/components/button/button';
|
||||
import { DropdownMenu } from '/@/shared/components/dropdown-menu/dropdown-menu';
|
||||
import { Grid } from '/@/shared/components/grid/grid';
|
||||
@@ -41,9 +42,7 @@ export const ActionBar = () => {
|
||||
<Group gap="sm" grow wrap="nowrap">
|
||||
<DropdownMenu position="bottom-start">
|
||||
<DropdownMenu.Target>
|
||||
<Button p="0.5rem">
|
||||
<Icon icon="menu" size="lg" />
|
||||
</Button>
|
||||
<ActionIcon icon="menu" iconProps={{ size: 'lg' }} />
|
||||
</DropdownMenu.Target>
|
||||
<DropdownMenu.Dropdown>
|
||||
<AppMenu />
|
||||
@@ -62,12 +61,8 @@ const NavigateButtons = () => {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Button onClick={() => navigate(-1)} p="0.5rem">
|
||||
<Icon icon="arrowLeftS" size="lg" />
|
||||
</Button>
|
||||
<Button onClick={() => navigate(1)} p="0.5rem">
|
||||
<Icon icon="arrowRightS" size="lg" />
|
||||
</Button>
|
||||
<ActionIcon icon="arrowLeftS" iconProps={{ size: 'lg' }} onClick={() => navigate(-1)} />
|
||||
<ActionIcon icon="arrowRightS" iconProps={{ size: 'lg' }} onClick={() => navigate(1)} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user