diff --git a/apps/dashboard/src/lib/components/ui/dialog/dialog-content.svelte b/apps/dashboard/src/lib/components/ui/dialog/dialog-content.svelte index 256c40e..4429f82 100644 --- a/apps/dashboard/src/lib/components/ui/dialog/dialog-content.svelte +++ b/apps/dashboard/src/lib/components/ui/dialog/dialog-content.svelte @@ -28,7 +28,7 @@ bind:ref data-slot="dialog-content" class={cn( - 'fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', + 'fixed top-1/2 left-1/2 z-[calc(50+var(--bits-dialog-depth,0))] grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:fill-mode-forwards data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards data-closed:zoom-out-95', className )} {...restProps} diff --git a/apps/dashboard/src/lib/components/ui/dialog/dialog-overlay.svelte b/apps/dashboard/src/lib/components/ui/dialog/dialog-overlay.svelte index 60743df..3ca61ea 100644 --- a/apps/dashboard/src/lib/components/ui/dialog/dialog-overlay.svelte +++ b/apps/dashboard/src/lib/components/ui/dialog/dialog-overlay.svelte @@ -13,7 +13,7 @@ bind:ref data-slot="dialog-overlay" class={cn( - 'fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0', + 'fixed inset-0 isolate z-[calc(50+var(--bits-dialog-depth,0))] bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-open:fill-mode-forwards data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards', className )} {...restProps} diff --git a/apps/dashboard/src/lib/components/ui/sheet/sheet-content.svelte b/apps/dashboard/src/lib/components/ui/sheet/sheet-content.svelte index a6e8a2f..3f6f934 100644 --- a/apps/dashboard/src/lib/components/ui/sheet/sheet-content.svelte +++ b/apps/dashboard/src/lib/components/ui/sheet/sheet-content.svelte @@ -33,7 +33,7 @@ data-slot="sheet-content" data-side={side} class={cn( - 'fixed z-50 flex flex-col gap-4 overflow-y-auto bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10', + 'fixed z-[calc(50+var(--bits-dialog-depth,0))] flex flex-col gap-4 overflow-y-auto bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:fill-mode-forwards data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10', className )} {...restProps} diff --git a/apps/dashboard/src/lib/components/ui/sheet/sheet-overlay.svelte b/apps/dashboard/src/lib/components/ui/sheet/sheet-overlay.svelte index f7eb4d8..7559f5e 100644 --- a/apps/dashboard/src/lib/components/ui/sheet/sheet-overlay.svelte +++ b/apps/dashboard/src/lib/components/ui/sheet/sheet-overlay.svelte @@ -12,6 +12,9 @@