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): Current Image Buttons position

Browse Source
This commit is contained in:
blessedcoolant 2023-04-27 15:12:44 +12:00 committed by psychedelicious
parent a824f47bc6
commit db16ca0079
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
invokeai/frontend/web/src/features/gallery/components/CurrentImageDisplay.tsx
View File

@ -60,17 +60,24 @@ const CurrentImageDisplay = () => {
}} }}
> >
<Flex <Flex
flexDirection="column"
sx={{ sx={{
w: 'full', w: 'full',
h: 'full', h: 'full',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center',
gap: 4, gap: 4,
}} }}
> >
<CurrentImageButtons />
{hasAnImageToDisplay ? ( {hasAnImageToDisplay ? (
<CurrentImagePreview /> <CurrentImagePreview />
) : ( ) : (
<Flex
width="full"
height="full"
alignItems="center"
justifyContent="center"
>
<Icon <Icon
as={MdPhoto} as={MdPhoto}
sx={{ sx={{
@ -78,11 +85,9 @@ const CurrentImageDisplay = () => {
color: 'base.500', color: 'base.500',
}} }}
/> />
</Flex>
)} )}
</Flex> </Flex>
<Box sx={{ position: 'absolute', top: 0 }}>
<CurrentImageButtons />
</Box>
</Flex> </Flex>
); );
}; };