35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
import { cva } from "../lib/cva";
|
|
|
|
export const dialogOverlayVariants = cva([
|
|
"fixed inset-0 z-50 bg-[var(--ui-panel-overlay-bg)] backdrop-blur-[var(--ui-panel-overlay-blur)]",
|
|
"data-[state=open]:motion-overlay-enter data-[state=closed]:motion-overlay-exit"
|
|
]);
|
|
|
|
export const dialogContentVariants = cva(
|
|
[
|
|
"fixed left-1/2 top-1/2 z-50 grid -translate-x-1/2 -translate-y-1/2 gap-5",
|
|
"w-[min(calc(100vw-2rem),40rem)] max-h-[calc(100vh-2rem)] overflow-y-auto",
|
|
"rounded-[var(--ui-panel-radius)] border border-[var(--ui-panel-border)] bg-[var(--ui-panel-bg)] p-6 text-[var(--color-card-foreground)] shadow-[var(--ui-panel-shadow)] outline-none",
|
|
"[border-width:var(--ui-panel-border-width)] backdrop-blur-[var(--ui-panel-backdrop-blur)]",
|
|
"data-[state=open]:motion-enter-rise data-[state=closed]:motion-exit-drop"
|
|
],
|
|
{
|
|
variants: {
|
|
size: {
|
|
sm: "w-[min(calc(100vw-2rem),30rem)]",
|
|
md: "w-[min(calc(100vw-2rem),40rem)]",
|
|
lg: "w-[min(calc(100vw-2rem),52rem)]"
|
|
}
|
|
},
|
|
defaultVariants: {
|
|
size: "md"
|
|
}
|
|
}
|
|
);
|
|
|
|
export const dialogHeaderVariants = cva(["flex flex-col gap-2 text-left"]);
|
|
|
|
export const dialogFooterVariants = cva([
|
|
"flex flex-col-reverse gap-3 sm:flex-row sm:justify-end"
|
|
]);
|