fix(ui): Current Image Buttons position

This commit is contained in:
blessedcoolant 2023-04-27 15:12:44 +12:00 committed by psychedelicious
parent a824f47bc6
commit db16ca0079

View File

@ -60,29 +60,34 @@ 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 />
) : ( ) : (
<Icon <Flex
as={MdPhoto} width="full"
sx={{ height="full"
boxSize: 24, alignItems="center"
color: 'base.500', justifyContent="center"
}} >
/> <Icon
as={MdPhoto}
sx={{
boxSize: 24,
color: 'base.500',
}}
/>
</Flex>
)} )}
</Flex> </Flex>
<Box sx={{ position: 'absolute', top: 0 }}>
<CurrentImageButtons />
</Box>
</Flex> </Flex>
); );
}; };