fix: Fix header z-index issues (#4549)

fix header z index issues
langflow-ai · Nov 12, 2024 · 824f39e · 824f39e
1 parent 8e42baf
commit 824f39e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/frontend/src/components/appHeaderComponent/index.tsx b/src/frontend/src/components/appHeaderComponent/index.tsx
@@ -47,7 +47,7 @@ export default function AppHeader(): JSX.Element {
   }, []);
 
   return (
-    <div className="z-[1] flex h-[62px] w-full items-center justify-between gap-2 border-b px-5 py-2.5 dark:bg-background">
+    <div className="flex h-[62px] w-full items-center justify-between gap-2 border-b px-5 py-2.5 dark:bg-background">
       {/* Left Section */}
       <div className={`flex gap-2`}>
         <Button

diff --git a/src/frontend/tailwind.config.mjs b/src/frontend/tailwind.config.mjs
@@ -271,6 +271,14 @@ const config = {
       backdropBlur: {
         xs: "2px",
       },
+      zIndex: {
+        '60': '60',
+        '70': '70',
+        '80': '80',
+        '90': '90',
+        '100': '100',
+        '999': '999',
+      },
     },
   },