Merge pull request #32 from babylonlabs-io/remove-body-selector

fix: dialog title
babylonlabs-io · Nov 23, 2024 · 162b692 · 162b692
2 parents 1e543df + 3dda9fd
commit 162b692
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/Dialog/components/DialogHeader.tsx b/src/components/Dialog/components/DialogHeader.tsx
@@ -10,8 +10,8 @@ export interface DialogHeaderProps extends DetailedHTMLProps<HTMLAttributes<HTML
 }
 
 export const DialogHeader = ({ className, children, title, onClose }: DialogHeaderProps) => (
-  <>
-    <div className={twJoin("bbn-dialog-header", className)}>
+  <div className={twJoin("bbn-dialog-header", className)}>
+    <div className="bbn-dialog-title">
       <Heading variant="h5">{title}</Heading>
 
       {Boolean(onClose) && (
@@ -27,5 +27,5 @@ export const DialogHeader = ({ className, children, title, onClose }: DialogHead
     </div>
 
     {children}
-  </>
+  </div>
 );
diff --git a/src/components/Dialog/index.css b/src/components/Dialog/index.css
@@ -10,6 +10,10 @@
   }
 
   &-header {
+    @apply b-block;
+  }
+
+  &-title {
     @apply b-flex b-items-center b-justify-between b-gap-2;
   }