Skip to content

Commit e9ab8cb

Browse files
committed
[TOOL-3398] Dashboard: Fix DialogOverlay and DialogContent missing default shadcn z-index (#6239)
1 parent 9c33981 commit e9ab8cb

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

apps/dashboard/src/@/components/ui/dialog.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ const DialogOverlay = React.forwardRef<
2121
<DialogPrimitive.Overlay
2222
ref={ref}
2323
className={cn(
24-
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in",
24+
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in",
2525
className,
2626
)}
2727
{...props}
@@ -43,7 +43,7 @@ const DialogContent = React.forwardRef<
4343
<DialogPrimitive.Content
4444
ref={ref}
4545
className={cn(
46-
"fixed grid w-full gap-4 rounded-t-xl border border-border bg-background p-6 shadow-lg duration-300 md:max-w-lg md:rounded-lg",
46+
"fixed z-50 grid w-full gap-4 rounded-t-xl border border-border bg-background p-6 shadow-lg duration-300 md:max-w-lg md:rounded-lg",
4747
// on mobile - put the dialog at the bottom of the screen, animate - slide up and fade in
4848
"right-0 bottom-0 left-0",
4949
"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",

0 commit comments

Comments
 (0)