Merge pull request #41 from babylonlabs-io/fix-dackdrop

fix: backdrop styles
babylonlabs-io · Nov 25, 2024 · 8d4833e · 8d4833e
2 parents b3fb1b6 + f9dd1cf
commit 8d4833e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/.changeset/kind-eels-clean.md b/.changeset/kind-eels-clean.md
@@ -0,0 +1,5 @@
+---
+"@babylonlabs-io/bbn-core-ui": patch
+---
+
+fix backdrop styles
diff --git a/src/components/Dialog/components/Backdrop.tsx b/src/components/Dialog/components/Backdrop.tsx
@@ -9,10 +9,6 @@ export interface BackdropProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivE
 export const Backdrop = ({ open = false, ...props }: BackdropProps) => (
   <div
     {...props}
-    className={twJoin(
-      "fixed inset-0 z-40 flex items-center justify-center bg-primary/50 transition-opacity duration-500",
-      open ? "animate-backdrop-in" : "animate-backdrop-out",
-      props.className,
-    )}
+    className={twJoin("bbn-backdrop", open ? "animate-backdrop-in" : "animate-backdrop-out", props.className)}
   />
 );