feat(ui): tidy canvas toolbar buttons

This commit is contained in:
psychedelicious 2024-08-28 16:04:37 +10:00
parent 5a403f087d
commit 972f03960a
2 changed files with 4 additions and 2 deletions

View File

@ -27,7 +27,7 @@ export const CanvasSettingsPopover = memo(() => {
return ( return (
<Popover isLazy> <Popover isLazy>
<PopoverTrigger> <PopoverTrigger>
<IconButton aria-label={t('common.settingsLabel')} icon={<RiSettings4Fill />} /> <IconButton aria-label={t('common.settingsLabel')} icon={<RiSettings4Fill />} variant="ghost" />
</PopoverTrigger> </PopoverTrigger>
<PopoverContent> <PopoverContent>
<PopoverArrow /> <PopoverArrow />

View File

@ -29,13 +29,14 @@ export const UndoRedoButtonGroup = memo(() => {
]); ]);
return ( return (
<ButtonGroup> <ButtonGroup isAttached={false}>
<IconButton <IconButton
aria-label={t('unifiedCanvas.undo')} aria-label={t('unifiedCanvas.undo')}
tooltip={t('unifiedCanvas.undo')} tooltip={t('unifiedCanvas.undo')}
onClick={handleUndo} onClick={handleUndo}
icon={<PiArrowCounterClockwiseBold />} icon={<PiArrowCounterClockwiseBold />}
isDisabled={!mayUndo} isDisabled={!mayUndo}
variant="ghost"
/> />
<IconButton <IconButton
aria-label={t('unifiedCanvas.redo')} aria-label={t('unifiedCanvas.redo')}
@ -43,6 +44,7 @@ export const UndoRedoButtonGroup = memo(() => {
onClick={handleRedo} onClick={handleRedo}
icon={<PiArrowClockwiseBold />} icon={<PiArrowClockwiseBold />}
isDisabled={!mayRedo} isDisabled={!mayRedo}
variant="ghost"
/> />
</ButtonGroup> </ButtonGroup>
); );