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): fix control layer list layout

Browse Source
This commit is contained in:
psychedelicious 2024-05-03 11:28:52 +10:00 committed by Kent Keirsey
parent c30df7ce79
commit 2baa33730a
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/features/controlLayers/components/ControlLayersPanelContent.tsx
View File

@ -22,13 +22,13 @@ const selectLayerIdTypePairs = createMemoizedSelector(selectControlLayersSlice,
export const ControlLayersPanelContent = memo(() => {
const layerIdTypePairs = useAppSelector(selectLayerIdTypePairs);
return (
<Flex flexDir="column" gap={4} w="full" h="full">
<Flex flexDir="column" gap={2} w="full" h="full">
<Flex justifyContent="space-around">
<AddLayerButton />
<DeleteAllLayersButton />
</Flex>
<ScrollableContent>
<Flex flexDir="column" gap={4}>
<Flex flexDir="column" gap={2}>
{layerIdTypePairs.map(({ id, type }) => (
<LayerWrapper key={id} id={id} type={type} />
))}

4
invokeai/frontend/web/src/features/ui/components/ParametersPanelTextToImage.tsx
View File

@ -71,7 +71,7 @@ const ParametersPanelTextToImage = () => {
</Tab>
</TabList>
<TabPanels w="full" h="full">
<TabPanel p={0}>
<TabPanel p={0} w="full" h="full">
<Flex gap={2} flexDirection="column" h="full" w="full">
<ImageSettingsAccordion />
<GenerationSettingsAccordion />
@ -81,7 +81,7 @@ const ParametersPanelTextToImage = () => {
<AdvancedSettingsAccordion />
</Flex>
</TabPanel>
<TabPanel p={0}>
<TabPanel p={0} w="full" h="full">
<ControlLayersPanelContent />
</TabPanel>
</TabPanels>