Update sidebar

varianter · Oct 25, 2023 · 6bfb461 · 6bfb461
1 parent 8334d31
commit 6bfb461
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/frontend/src/components/DepartmentFilter.tsx b/frontend/src/components/DepartmentFilter.tsx
@@ -20,7 +20,7 @@ export default function DepartmentFilter() {
     return (
       <div>
         <div className="flex flex-col gap-2">
-          <p className="body-small">Avdelinger</p>
+          <p className="body-small">Avdeling</p>
           <div className="flex flex-col gap-2 w-52">
             {departments?.map((department, index) => (
               <FilterButton

diff --git a/frontend/src/components/StaffingSidebar.tsx b/frontend/src/components/StaffingSidebar.tsx
@@ -11,22 +11,24 @@ export default function StaffingSidebar() {
   return (
     <div>
       <div
-        className={`bg-primary_l4 py-6 px-4 flex flex-col gap-6 h-full min-h-screen w-[211px]  ${
+        className={`bg-primary_l4 py-6 px-4 h-full min-h-screen w-[211px]  ${
           isSidebarHidden ? "absolute -left-[211px]" : "sticky top-[52px]"
         }`}
       >
-        <div className="flex flex-row justify-between">
-          <h3 className="">Filter</h3>
-          <button
-            onClick={() => setIsSidebarHidden(true)}
-            className="rounded p-2 hover:bg-primary_default hover:bg-opacity-20 h-9 w-9"
-          >
-            <ArrowLeft className="text-primary_default" size="20" />
-          </button>
+        <div className="flex flex-col gap-6 fixed w-[179px]">
+          <div className="flex flex-row justify-between">
+            <h3 className="">Filter</h3>
+            <button
+              onClick={() => setIsSidebarHidden(true)}
+              className="rounded p-2 hover:bg-primary_default hover:bg-opacity-20 h-9 w-9"
+            >
+              <ArrowLeft className="text-primary_default" size="20" />
+            </button>
+          </div>
+          <SearchBarComponent />
+          <DepartmentFilter />
+          <ExperienceFilter />
         </div>
-        <SearchBarComponent />
-        <DepartmentFilter />
-        <ExperienceFilter />
       </div>
       <button
         onClick={() => setIsSidebarHidden(false)}