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

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

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