brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

modifying the page container style to fix the issue where on mobile when using a browser you cant scroll to the bottom because of how vh works

Browse source
This commit is contained in:
csawatzky 2026-02-03 13:02:14 -06:00
parent b5c8039192
commit b9bb31de7d
1 changed files with 13 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/pages/PageContainer.tsx
View file

@ -9,9 +9,20 @@ const useStyles = makeStyles((theme: Theme) => ({
width: "100%", width: "100%",
overflowX: "hidden", overflowX: "hidden",
overflowY: "auto", overflowY: "auto",
height: `calc(100vh - 112px)`, // height: `calc(100vh - 112px)`,
// [theme.breakpoints.up("sm")]: {
// height: `calc(100vh - 64px)`
// }
minHeight: `calc(100vh - 112px)`,
"@supports (height: 100dvh)": {
minHeight: `calc(100dvh - 112px)`
},
[theme.breakpoints.up("sm")]: { [theme.breakpoints.up("sm")]: {
height: `calc(100vh - 64px)` minHeight: `calc(100vh - 64px)`,
"@supports (height: 100dvh)": {
minHeight: `calc(100dvh - 64px)`
}
} }
}, },
fullViewportContainer: { fullViewportContainer: {