fix: fixed nav responsiveness on tablet

hack4bengal · Jun 6, 2024 · 428852d · 428852d
1 parent 40ab1bb
commit 428852d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/shared/navbar/Navbar.scss b/src/components/shared/navbar/Navbar.scss
@@ -184,7 +184,8 @@
       justify-content: flex-end;
 
       .navbar__mobile__sidebar {
-        width: 70%;
+        width: 40%;
+        min-width: 18rem;
         height: 100%;
         background-color: #1b1b1b;
         border-radius: 20px 0px 0px 20px;
@@ -241,6 +242,7 @@
         flex-direction: column;
         justify-content: center;
         align-items: flex-start;
+        gap: 1rem;
 
         span {
           color: var(--h4bred);
@@ -250,6 +252,7 @@
 
         img {
           object-fit: contain;
+          width: 200px;
         }
       }
     }
@@ -324,4 +327,4 @@
       width: 175px;
     }
   }
-}
+}