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
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/WardrobePage.js
View file

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