Use dvh for main height

This takes into account browser UI for the viewport calculation
pull/784/head
nimbleghost 2023-06-26 23:36:04 +02:00
parent 4a1adaeab2
commit d51ca20992
1 changed files with 1 additions and 1 deletions

View File

@ -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]),
}} }}