feat(ui): tweak toolbar layout more

This commit is contained in:
psychedelicious
2024-09-19 12:34:49 +10:00
parent 6dedb6e73c
commit bc6241ca61
4 changed files with 6 additions and 2 deletions

View File

@@ -150,6 +150,7 @@ export const ToolBrushWidth = memo(() => {
<FormLabel m={0}>{t('controlLayers.width')}</FormLabel>
<PopoverAnchor>
<NumberInput
variant="outline"
display="flex"
alignItems="center"
min={1}

View File

@@ -153,6 +153,7 @@ export const ToolEraserWidth = memo(() => {
<FormLabel m={0}>{t('controlLayers.width')}</FormLabel>
<PopoverAnchor>
<NumberInput
variant="outline"
display="flex"
alignItems="center"
min={1}

View File

@@ -1,5 +1,5 @@
/* eslint-disable i18next/no-literal-string */
import { Flex, Spacer } from '@invoke-ai/ui-library';
import { Divider, Flex, Spacer } from '@invoke-ai/ui-library';
import { CanvasSettingsPopover } from 'features/controlLayers/components/Settings/CanvasSettingsPopover';
import { ToolChooser } from 'features/controlLayers/components/Tool/ToolChooser';
import { ToolColorPicker } from 'features/controlLayers/components/Tool/ToolFillColorPicker';
@@ -29,8 +29,9 @@ export const CanvasToolbar = memo(() => {
<ToolColorPicker />
<ToolSettings />
<Spacer />
<CanvasToolbarScale />
<Divider orientation="vertical" />
<Flex alignItems="center" h="full">
<CanvasToolbarScale />
<CanvasToolbarResetViewButton />
<CanvasToolbarFitBboxToLayersButton />
<CanvasToolbarSaveToGalleryButton />

View File

@@ -118,6 +118,7 @@ export const CanvasToolbarScale = memo(() => {
<Popover>
<PopoverAnchor>
<NumberInput
variant="outline"
display="flex"
alignItems="center"
min={canvasManager.stage.config.MIN_SCALE * 100}