OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

safari layout fix

Browse source
This commit is contained in:
Matt Dunn-Rankin 2020-04-24 00:46:24 -07:00
parent d9e4b8cb59
commit cf2d76023c
1 changed files with 48 additions and 45 deletions

15
src/WardrobePage.js
View file

@ -44,6 +44,7 @@ function WardrobePage() {
}, [error, toast]); }, [error, toast]);
return ( return (
<Box position="absolute" top="0" bottom="0" left="0" right="0">
<Grid <Grid
// Fullscreen, split into a vertical stack on smaller screens // Fullscreen, split into a vertical stack on smaller screens
// or a horizontal stack on larger ones! // or a horizontal stack on larger ones!
@ -62,14 +63,15 @@ function WardrobePage() {
base: "100%", base: "100%",
lg: "50% 50%", lg: "50% 50%",
}} }}
position="absolute" height="100%"
top="0" width="100%"
bottom="0"
left="0"
right="0"
> >
<Box gridArea="outfit" backgroundColor="gray.900"> <Box gridArea="outfit" backgroundColor="gray.900">
<OutfitPreview itemIds={data.wornItemIds} speciesId="54" colorId="75" /> <OutfitPreview
itemIds={data.wornItemIds}
speciesId="54"
colorId="75"
/>
</Box> </Box>
<Box gridArea="search" boxShadow="sm"> <Box gridArea="search" boxShadow="sm">
<Box px="5" py="3"> <Box px="5" py="3">
@ -94,6 +96,7 @@ function WardrobePage() {
</Box> </Box>
</Box> </Box>
</Grid> </Grid>
</Box>
); );
} }