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

fix(ui): canvas layer select cut off

Browse Source
This commit is contained in:
psychedelicious 2023-12-29 08:55:22 +11:00 committed by Kent Keirsey
parent e99b715e9e
commit f4cdfa3b9c
1 changed files with 11 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
invokeai/frontend/web/src/features/canvas/components/IAICanvasToolbar/IAICanvasToolbar.tsx
View File

@ -1,4 +1,4 @@
import { Box, Flex } from '@chakra-ui/react'; import { Flex } from '@chakra-ui/react';
import { createMemoizedSelector } from 'app/store/createMemoizedSelector'; import { createMemoizedSelector } from 'app/store/createMemoizedSelector';
import { stateSelector } from 'app/store/store'; import { stateSelector } from 'app/store/store';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
@ -215,16 +215,9 @@ const IAICanvasToolbar = () => {
); );
return ( return (
<Flex <Flex alignItems="center" gap={2} flexWrap="wrap">
sx={{
alignItems: 'center',
gap: 2,
flexWrap: 'wrap',
}}
>
<Box w={24}>
<InvTooltip label={`${t('unifiedCanvas.layer')} (Q)`}> <InvTooltip label={`${t('unifiedCanvas.layer')} (Q)`}>
<InvControl isDisabled={isStaging}> <InvControl isDisabled={isStaging} w="5rem">
<InvSelect <InvSelect
value={value} value={value}
options={LAYER_NAMES_DICT} options={LAYER_NAMES_DICT}
@ -232,7 +225,6 @@ const IAICanvasToolbar = () => {
/> />
</InvControl> </InvControl>
</InvTooltip> </InvTooltip>
</Box>
<IAICanvasMaskOptions /> <IAICanvasMaskOptions />
<IAICanvasToolChooserOptions /> <IAICanvasToolChooserOptions />