Navbar is sticky now. Fixed issue where things were being drawn over …

…the navbar
ugahacks · Dec 1, 2023 · bc14d51 · bc14d51
1 parent 809e56f
commit bc14d51
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -118,4 +118,7 @@ dist
 firestore*
 
 # VS Code Configuration
-.vscode
+.vscode
+
+# Jetbrains Configuration
+.idea/
diff --git a/projects/mybyte/components/navbar.tsx b/projects/mybyte/components/navbar.tsx
@@ -79,7 +79,7 @@ const Navbar = ({ children }: { children: React.ReactNode }) => {
           " overflow-y-auto font-inter"
         }
       >
-        <nav className="bg-white border-gray-200 shadow-md">
+        <nav className="bg-white border-gray-200 shadow-md top-0 sticky z-10">
           <div className="flex flex-wrap items-center justify-between mx-auto py-6">
             <Link href={!user.uid ? "/" : "/dashboard"}>
               <span className="font-semibold uppercase text-xl tracking-5px px-5 hover:text-red-500 transition">