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): layer layout orientation

Browse Source
This commit is contained in:
psychedelicious 2024-04-30 20:00:59 +10:00 committed by Kent Keirsey
parent 3f26880493
commit e90775731d
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/features/controlLayers/components/CALayerListItem.tsx
View File

@ -59,7 +59,7 @@ export const CALayerListItem = memo(({ layerId }: Props) => {
<LayerDeleteButton layerId={layerId} /> <LayerDeleteButton layerId={layerId} />
</Flex> </Flex>
{isOpen && ( {isOpen && (
<Flex gap={3} px={3} pb={3}> <Flex flexDir="column" gap={3} px={3} pb={3}>
<ControlAdapterLayerConfig id={controlNetId} /> <ControlAdapterLayerConfig id={controlNetId} />
</Flex> </Flex>
)} )}

2
invokeai/frontend/web/src/features/controlLayers/components/IPLayerListItem.tsx
View File

@ -35,7 +35,7 @@ export const IPLayerListItem = memo(({ layerId }: Props) => {
<LayerDeleteButton layerId={layerId} /> <LayerDeleteButton layerId={layerId} />
</Flex> </Flex>
{isOpen && ( {isOpen && (
<Flex gap={3} alignItems="center" px={3} pb={3} cursor="pointer"> <Flex flexDir="column" gap={3} px={3} pb={3}>
<ControlAdapterLayerConfig id={ipAdapterId} /> <ControlAdapterLayerConfig id={ipAdapterId} />
</Flex> </Flex>
)} )}

2
invokeai/frontend/web/src/features/controlLayers/components/RGLayerListItem.tsx
View File

@ -69,7 +69,7 @@ export const RGLayerListItem = memo(({ layerId }: Props) => {
<LayerDeleteButton layerId={layerId} /> <LayerDeleteButton layerId={layerId} />
</Flex> </Flex>
{isOpen && ( {isOpen && (
<Flex gap={3} px={3} pb={3}> <Flex flexDir="column" gap={3} px={3} pb={3}>
{!hasPositivePrompt && !hasNegativePrompt && !hasIPAdapters && <AddPromptButtons layerId={layerId} />} {!hasPositivePrompt && !hasNegativePrompt && !hasIPAdapters && <AddPromptButtons layerId={layerId} />}
{hasPositivePrompt && <RGLayerPositivePrompt layerId={layerId} />} {hasPositivePrompt && <RGLayerPositivePrompt layerId={layerId} />}
{hasNegativePrompt && <RGLayerNegativePrompt layerId={layerId} />} {hasNegativePrompt && <RGLayerNegativePrompt layerId={layerId} />}