fix(ui): layer layout orientation

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

View File

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

View File

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

View File

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