Mobile Navbar height issue Deveimer#165

ishsarin · Aug 1, 2023 · 6292787 · 6292787
1 parent 622471b
commit 6292787
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/components/Navbar/Navbar.jsx b/components/Navbar/Navbar.jsx
@@ -232,7 +232,7 @@ const Navbar = () => {
               <p
                 className={style.navtext}
                 onClick={() => setNav('category')}
-                style={{ color: `${nav === 'category' ? 'wheat' : 'gray'}` }}
+                style={{ color: `${nav === 'category' ? 'wheat' : 'gray'}`}}
               >
                 <BsFillMusicPlayerFill />
                 <span className={style.text_mobile}>All Music</span>
@@ -339,6 +339,7 @@ const Navbar = () => {
               }}
               style={{
                 color: `${nav === 'logout' ? 'rgb(218, 84, 84)' : 'gray'}`,
+                paddingBottom: "18px", 
               }}
             >
               &nbsp;

diff --git a/components/Navbar/Navbar.module.css b/components/Navbar/Navbar.module.css
@@ -143,13 +143,16 @@
       justify-content: flex-start !important;
       margin-bottom: -6% !important;
       align-items: center;
-      width: 50%;
+      /* width: 50%; */
   }
   .dashcontent_mobile {
     height: fit-content;
     min-width: 100%;
     border-radius: 0.55rem;
   }
+  .Navbar_navtext__MGXcv{
+    padding-bottom: 18px;
+  }
 }
   @keyframes neon {
   0%,