From 9cecac0e57689ef5a9ffa51b7af840fa8f59cb76 Mon Sep 17 00:00:00 2001 From: Ayush <99096397+ayush4345@users.noreply.github.com> Date: Tue, 27 Feb 2024 21:29:12 +0530 Subject: [PATCH] fixed navbar --- src/components/Navbar/Navbar.js | 2 -- src/components/Navbar/Navbar.module.css | 6 +++--- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js index ee5bfc3..c6c9cad 100644 --- a/src/components/Navbar/Navbar.js +++ b/src/components/Navbar/Navbar.js @@ -113,8 +113,6 @@ const Navbar = () => { )} - - ); diff --git a/src/components/Navbar/Navbar.module.css b/src/components/Navbar/Navbar.module.css index 62ff2a9..2379f2a 100644 --- 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; }