From 0a992013cca10d0f68978692aa43f73118d34bfc Mon Sep 17 00:00:00 2001
From: biersoeckli <meow@biersoeckli.ch>
Date: Mon, 2 Dec 2024 10:10:49 +0000
Subject: [PATCH] fixed breadcrumbs

---
 src/components/custom/breadcrumbs-generator.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/custom/breadcrumbs-generator.tsx b/src/components/custom/breadcrumbs-generator.tsx
index c0630d7..d96a015 100644
--- a/src/components/custom/breadcrumbs-generator.tsx
+++ b/src/components/custom/breadcrumbs-generator.tsx
@@ -24,14 +24,16 @@ import projectService from "@/server/services/project.service"
 import { getAuthUserSession } from "@/server/utils/action-wrapper.utils"
 import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "@/components/ui/breadcrumb";
 import { useBreadcrumbs } from "@/frontend/states/zustand.states"
+import { Separator } from "../ui/separator"
 
 export function BreadcrumbsGenerator() {
 
     const { breadcrumbs } = useBreadcrumbs();
 
-    return (
-        <div className="-ml-1 flex gap-4 items-center">
+    return (<>
+        <div className="-ml-1 flex gap-4 items-center fixed w-full top-0 bg-white pt-6 pb-4 z-50">
             <SidebarTrigger />
+            <Separator orientation="vertical" className="mr-1 h-4" />
             {breadcrumbs && <Breadcrumb>
                 <BreadcrumbList>
                     {breadcrumbs.map((x, index) => (<>
@@ -43,5 +45,9 @@ export function BreadcrumbsGenerator() {
                 </BreadcrumbList>
             </Breadcrumb>}
         </div>
+        <div className="h-[32px]">
+            <div></div>
+        </div>
+    </>
     )
 }