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): Improve parameters panel and preview display

Browse Source
This commit is contained in:
blessedcoolant 2023-04-18 01:09:48 +12:00
parent b800a8eb2e
commit 695893e1ac
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
invokeai/frontend/web/src/features/ui/components/InvokeWorkarea.tsx
View File

@ -60,12 +60,11 @@ const InvokeWorkarea = (props: InvokeWorkareaProps) => {
base: `'workarea-display' 'workarea-panel'`,
xl: `'workarea-panel workarea-display'`,
}}
gridAutoRows={{ base: 'maxcontent auto' }}
gridAutoRows={{ base: 'auto', xl: 'auto' }}
gridAutoColumns={{ md: 'max-content auto' }}
pos="relative"
w="full"
h={APP_CONTENT_HEIGHT}
minH={{ base: 1000, xl: 'auto' }}
h={{ base: 'auto', xl: APP_CONTENT_HEIGHT }}
gap={4}
>
<ParametersPanel>{parametersPanelContent}</ParametersPanel>
@ -74,7 +73,7 @@ const InvokeWorkarea = (props: InvokeWorkareaProps) => {
pos="relative"
w={{ base: '100vw', xl: 'full' }}
paddingRight={{ base: 8, xl: 0 }}
h="100%"
h={{ base: 600, xl: '100%' }}
onDrop={handleDrop}
>
{children}

2
invokeai/frontend/web/src/features/ui/components/ParametersPanel.tsx
View File

@ -97,7 +97,7 @@ const ParametersPanel = ({ children }: ParametersPanelProps) => {
<Flex
flexDir="column"
position="relative"
h="full"
h={{ base: 600, xl: 'full' }}
w={{ sm: 'full', lg: '100vw', xl: 'full' }}
paddingRight={{ base: 8, xl: 0 }}
>