From d811e0d893707af57a64a6bca0db45fd61b01456 Mon Sep 17 00:00:00 2001
From: PAVAN KUMAR MARPU <pavankumarmarpu23@gmail.com>
Date: Wed, 10 Jul 2024 19:59:55 +0530
Subject: [PATCH] navbar is made sticky

---
 src/pages/header.css | 6 ++++++
 src/pages/header.js  | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/header.css b/src/pages/header.css
index 25e06e7..c755095 100644
--- a/src/pages/header.css
+++ b/src/pages/header.css
@@ -21,6 +21,12 @@
     inset 0px 0px 0px 0px #0001;
   transition: box-shadow 0.6s cubic-bezier(0.79, 0.21, 0.06, 0.81);
   border-radius: 0px;
+  position: sticky;
+  background-color: var(--background-color-light);
+  z-index: 999999;
+}
+.frame.dark{
+  background-color: var(--background-color-dark);
 }
 
 .header {
diff --git a/src/pages/header.js b/src/pages/header.js
index c2adbde..ed32fe6 100644
--- a/src/pages/header.js
+++ b/src/pages/header.js
@@ -26,7 +26,7 @@ function handleHamClick(){
 isOpen?setIsOpen(false): setIsOpen(true)
 }
     return (
-        <div className="frame">
+        <div className={`frame ${theme=="dark"?'dark':'light'}`}>
             <div className="header">
                 <div className="logo">
                     <Link to="/" className="link1">