Fix bug of sidebar appearing in front of navbar (#195)

varianter · Oct 25, 2023 · 456eb2f · 456eb2f
1 parent a3f0113
commit 456eb2f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/components/NavBar/NavBar.tsx b/frontend/src/components/NavBar/NavBar.tsx
@@ -4,7 +4,7 @@ import NavBarUserIcon from "./NavBarUserIcon";
 
 export default function NavBar() {
   return (
-    <div className="bg-primary_default w-full h-[52px] flex flex-row justify-between sticky top-0 px-4">
+    <div className="bg-primary_default w-full h-[52px] flex flex-row justify-between sticky top-0 px-4 z-50">
       <div className="flex flex-row">
         <NavBarLink text="Bemanning" path={`bemanning`} />
       </div>

diff --git a/frontend/src/components/StaffingSidebar.tsx b/frontend/src/components/StaffingSidebar.tsx
@@ -11,7 +11,7 @@ export default function StaffingSidebar() {
   return (
     <div>
       <div
-        className={`bg-primary_l4 py-6 px-4 flex flex-col gap-6 min-h-[918px] w-[211px]  ${
+        className={`bg-primary_l4 py-6 px-4 flex flex-col gap-6 h-full min-h-screen w-[211px]  ${
           isSidebarHidden ? "absolute -left-[211px]" : "sticky top-[52px]"
         }`}
       >