fixed sticky header

PeppyFinance · Mar 27, 2024 · a985aa8 · a985aa8
1 parent 625fb14
commit a985aa8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -25,6 +25,7 @@ body {
 }
 
 #topbar {
+  z-index: 1000;
   max-width: 460px;
 }
 #content {

diff --git a/src/components/Navbar/topbar.tsx b/src/components/Navbar/topbar.tsx
@@ -8,7 +8,7 @@ import { NavMobile } from "./nav-mobile";
 
 export const Topbar = () => {
   return (
-    <div className="w-full bg-glass/30 shadow-default backdrop-blur-md flex justify-between px-3 py-2 max-[500px]:h-12 min-[500px]:h-[56px]" id="topbar">
+    <div className="fixed top-0 w-full bg-glass/30 shadow-default backdrop-blur-md flex justify-between px-0 py-2 max-[500px]:h-12 min-[500px]:h-[56px]" id="topbar">
       <nav className="container flex items-center justify-between w-full py-1 lg:py-2">
         <div className="flex justify-between w-full">
           <NavMobile />