From 2f0a44e4ed1a0ce108bc11bfe418ad0b115429f7 Mon Sep 17 00:00:00 2001
From: mlfaa <mlfaa@hotmail.com>
Date: Wed, 15 Dec 2021 15:07:21 -0300
Subject: [PATCH] #237 - Fixing anchor in mobile menu

---
 src/layouts/Navbar/index.js | 2 +-
 src/layouts/Navbar/style.js | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/layouts/Navbar/index.js b/src/layouts/Navbar/index.js
index 3e449bca..a2723ee5 100644
--- a/src/layouts/Navbar/index.js
+++ b/src/layouts/Navbar/index.js
@@ -182,7 +182,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
index 154678bf..f1baa514 100644
--- 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',