Use dvh for main height
This takes into account browser UI for the viewport calculationpull/784/head
parent
4a1adaeab2
commit
d51ca20992
|
@ -118,7 +118,7 @@ const Main = (props) => (
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
padding: 3,
|
padding: 3,
|
||||||
width: { sm: `calc(100% - ${Navigation.width}px)` },
|
width: { sm: `calc(100% - ${Navigation.width}px)` },
|
||||||
height: "100vh",
|
height: "100dvh",
|
||||||
overflow: "auto",
|
overflow: "auto",
|
||||||
backgroundColor: ({ palette }) => (palette.mode === "light" ? palette.grey[100] : palette.grey[900]),
|
backgroundColor: ({ palette }) => (palette.mode === "light" ? palette.grey[100] : palette.grey[900]),
|
||||||
}}
|
}}
|
||||||
|
|
Loading…
Reference in New Issue