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

better wide-screen layout

Browse source
This commit is contained in:
Matt Dunn-Rankin 2020-04-22 00:39:35 -07:00
parent 4d7edf2083
commit e67ca7dc34
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/src/WardrobePage.js
View file

@ -13,7 +13,17 @@ import useOutfitState from "./useOutfitState.js";
function WardrobePage() { function WardrobePage() {
return ( return (
<Grid templateRows="50vh 50vh"> <Grid
// Fullscreen, split into a vertical stack on smaller screens
// or a horizontal stack on larger ones!
templateRows={{ base: "50% 50%", lg: "none" }}
templateColumns={{ base: "none", lg: "50% 50%" }}
position="absolute"
top="0"
bottom="0"
left="0"
right="0"
>
<Box boxShadow="md"> <Box boxShadow="md">
<OutfitPreview /> <OutfitPreview />
</Box> </Box>