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): minor canvas overflow

Browse Source
This commit is contained in:
psychedelicious 2024-04-23 11:26:12 +10:00
parent 385e93443a
commit 5196a2efec
2 changed files with 2 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
invokeai/frontend/web/src/features/regionalPrompts/components/StageComponent.tsx
View File

@ -1,4 +1,3 @@
import type { SystemStyleObject } from '@invoke-ai/ui-library';
import { Flex } from '@invoke-ai/ui-library'; import { Flex } from '@invoke-ai/ui-library';
import { useStore } from '@nanostores/react'; import { useStore } from '@nanostores/react';
import { logger } from 'app/logging/logger'; import { logger } from 'app/logging/logger';
@ -218,21 +217,10 @@ export const StageComponent = memo(({ asPreview = false }: Props) => {
useStageRenderer(stageRef, container, wrapper, asPreview); useStageRenderer(stageRef, container, wrapper, asPreview);
const sx = useMemo<SystemStyleObject>(
() => ({
bg: 'base.850',
p: asPreview ? 0 : 2,
borderRadius: asPreview ? 0 : 'base',
borderWidth: asPreview ? 0 : 1,
w: 'min-content',
h: 'min-content',
}),
[asPreview]
);
return ( return (
<Flex overflow="hidden" w="full" h="full"> <Flex overflow="hidden" w="full" h="full">
<Flex ref={wrapperRef} w="full" h="full" alignItems="center" justifyContent="center"> <Flex ref={wrapperRef} w="full" h="full" alignItems="center" justifyContent="center">
<Flex ref={containerRef} tabIndex={-1} sx={sx} /> <Flex ref={containerRef} tabIndex={-1} bg="base.850" />
</Flex> </Flex>
</Flex> </Flex>
); );

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

@ -17,7 +17,7 @@ const TextToImageTab = () => {
<Tab>{regionalControlTitle}</Tab> <Tab>{regionalControlTitle}</Tab>
</TabList> </TabList>
<TabPanels w="full" h="full"> <TabPanels w="full" h="full" minH={0} minW={0}>
<TabPanel> <TabPanel>
<CurrentImageDisplay /> <CurrentImageDisplay />
</TabPanel> </TabPanel>