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={{
base: `"previewAndControls"
"itemsAndSearch"`,
lg: `"previewAndControls itemsAndSearch"`,
md: `"previewAndControls itemsAndSearch"`,
}}
templateRows={{
base: "minmax(100px, 45%) minmax(300px, 55%)",
lg: "100%",
md: "100%",
}}
templateColumns={{
base: "100%",
lg: "50% 50%",
md: "50% 50%",
}}
height="100%"
width="100%"