Update Navbar styles for small viewports

tailcallhq · Jan 18, 2024 · 6d8d378 · 6d8d378
1 parent 5233ebe
commit 6d8d378
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/theme/Navbar/Content/styles.module.css b/src/theme/Navbar/Content/styles.module.css
@@ -1,24 +1,32 @@
 /*
 Hide color mode toggle in small viewports
  */
-@media (max-width: 996px) {
+@media (min-width: 996px) {
   .colorModeToggle {
     display: none;
   }
 }
 
-@media screen and (min-width: 760px) {
+@media screen and (min-width: 996px) {
   .searchInput {
     width: 600px;
   }
+
+  .overlay {
+    display: none;
+  }
+
+  .modal {
+    display: none;
+  }
 }
 
 .overlay {
   background-color: var(--ifm-color-brand-light);
   position: fixed;
   top: 0;
   left: 0;
-  width: 110vh;
+  width: 100%;
   height: 100%;
   z-index: 1;
   backdrop-filter: blur(3px);