Prefer two-column layout on md-size screens

This is because I want to try adding a search footer to the two-column layout, like in Classic DTI—and so I want more screens that _can_ support two-column layout to use it.
This commit is contained in:
Emi Matchu 2021-06-21 14:14:27 -07:00
parent 27ebe90eef
commit 59fe02a4cc

View file

@ -19,15 +19,15 @@ function WardrobePageLayout({ previewAndControls, itemsAndSearch }) {
templateAreas={{ templateAreas={{
base: `"previewAndControls" base: `"previewAndControls"
"itemsAndSearch"`, "itemsAndSearch"`,
lg: `"previewAndControls itemsAndSearch"`, md: `"previewAndControls itemsAndSearch"`,
}} }}
templateRows={{ templateRows={{
base: "minmax(100px, 45%) minmax(300px, 55%)", base: "minmax(100px, 45%) minmax(300px, 55%)",
lg: "100%", md: "100%",
}} }}
templateColumns={{ templateColumns={{
base: "100%", base: "100%",
lg: "50% 50%", md: "50% 50%",
}} }}
height="100%" height="100%"
width="100%" width="100%"