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
flexDirection="column"
sx={{
w: 'full',
h: 'full',
alignItems: 'center',
justifyContent: 'center',
gap: 4,
}}
>
<CurrentImageButtons />
{hasAnImageToDisplay ? (
<CurrentImagePreview />
) : (
<Icon
as={MdPhoto}
sx={{
boxSize: 24,
color: 'base.500',
}}
/>
<Flex
width="full"
height="full"
alignItems="center"
justifyContent="center"
>
<Icon
as={MdPhoto}
sx={{
boxSize: 24,
color: 'base.500',
}}
/>
</Flex>
)}
</Flex>
<Box sx={{ position: 'absolute', top: 0 }}>
<CurrentImageButtons />
</Box>
</Flex>
);
};