Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): move canvas fill color picker to right

Browse Source
This commit is contained in:
psychedelicious 2024-06-18 23:48:01 +10:00
parent 50bc2f100d
commit 4cb85404c0
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
invokeai/frontend/web/src/features/controlLayers/components/ControlLayersToolbar.tsx
View File

@ -16,7 +16,7 @@ export const ControlLayersToolbar = memo(() => {
return ( return (
<Flex w="full" gap={2}> <Flex w="full" gap={2}>
<Flex flex={1} justifyContent="center"> <Flex flex={1} justifyContent="center">
<Flex gap={2} marginInlineEnd="auto"> <Flex gap={2} marginInlineEnd="auto" alignItems="center">
<ToggleProgressButton /> <ToggleProgressButton />
<ToolChooser /> <ToolChooser />
</Flex> </Flex>
@ -24,10 +24,10 @@ export const ControlLayersToolbar = memo(() => {
<Flex flex={1} gap={2} justifyContent="center" alignItems="center"> <Flex flex={1} gap={2} justifyContent="center" alignItems="center">
{tool === 'brush' && <BrushWidth />} {tool === 'brush' && <BrushWidth />}
{tool === 'eraser' && <EraserWidth />} {tool === 'eraser' && <EraserWidth />}
<FillColorPicker />
</Flex> </Flex>
<Flex flex={1} justifyContent="center"> <Flex flex={1} justifyContent="center">
<Flex gap={2} marginInlineStart="auto"> <Flex gap={2} marginInlineStart="auto" alignItems="center">
<FillColorPicker />
<UndoRedoButtonGroup /> <UndoRedoButtonGroup />
<ControlLayersSettingsPopover /> <ControlLayersSettingsPopover />
<ViewerToggleMenu /> <ViewerToggleMenu />