fix: fix mobile nav styles when mobile nav is open

newrelic · Jul 30, 2020 · a6f668a · a6f668a
1 parent f0d65d1
commit a6f668a
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/components/MobileHeader.module.scss b/src/components/MobileHeader.module.scss
@@ -1,6 +1,5 @@
 .container {
   position: relative;
-  border-bottom: 1px solid var(--divider-color);
   padding: 0 2rem;
 
   width: 100vw;

diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
@@ -85,7 +85,7 @@ const MainLayout = ({ children }) => {
       />
       <div
         css={css`
-          display: grid;
+          display: ${isMobileNavOpen ? 'none' : 'grid'};
           grid-template-areas:
             'sidebar content'
             'sidebar footer';