fixed navbar

IET-NITK · Feb 27, 2024 · 9cecac0 · 9cecac0
1 parent 9e6fde1
commit 9cecac0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
@@ -113,8 +113,6 @@ const Navbar = () => {
                         </li>
                     </ul>
                 )}
-
-
             </nav>
         </header>
     );

diff --git a/src/components/Navbar/Navbar.module.css b/src/components/Navbar/Navbar.module.css
@@ -5,6 +5,7 @@
   left: 0;
   background-color: transparent;
   z-index: var(--z-fixed);
+  backdrop-filter: blur(16px);
 }
 
 @media screen and (min-width: 1150px) {
@@ -107,10 +108,9 @@
     position: fixed;
     top: 0;
     background-color: hsla(0, 0%, 6%, 0.2);
-    backdrop-filter: blur(16px);
-    -webkit-backdrop-filter: blur(16px);
+    background: #f0edf1;
     width: 200px;
-    height: 100%;
+    height: 100vh;
     padding: 6rem 3rem 0;
     transition: right 0.4s;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -113,8 +113,6 @@ const Navbar = () => { @@
                             </li>
                         </ul>
                     )}
                 </nav>
             </header>
         );
@@ Expand Down @@