#237 - Fixing anchor in mobile menu

labhackercd · Dec 20, 2021 · 9aa877c · 9aa877c
1 parent 0507747
commit 9aa877c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/layouts/Navbar/index.js b/src/layouts/Navbar/index.js
@@ -181,7 +181,7 @@ export default function PageNavbar(props) {
     return (
       <Toolbar>
         <Drawer
-          anchor="up"
+          anchor="top"
           open={drawerOpen}
           onClose={handleDrawerClose}
           classes={{ paper: drawerMobile }}

diff --git a/src/layouts/Navbar/style.js b/src/layouts/Navbar/style.js
@@ -12,6 +12,7 @@ const useStyles = makeStyles((theme) => ({
     background: 'black',
     color: 'white',
     width: '100%',
+    height: '-webkit-fill-available',
   },
   tab: {
     height: '92%',
@@ -57,6 +58,7 @@ const useStyles = makeStyles((theme) => ({
   },
   toolbarContentMobile: {
     width: '100%',
+    height: '100%',
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'center',