From 2b95956132a9577082059d179f3a998caab10af7 Mon Sep 17 00:00:00 2001 From: David Hill Date: Tue, 20 Jan 2026 17:34:19 +0000 Subject: add x-large dialog size and use it for settings modal --- packages/ui/src/components/dialog.css | 5 +++++ packages/ui/src/components/dialog.tsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) (limited to 'packages/ui/src') diff --git a/packages/ui/src/components/dialog.css b/packages/ui/src/components/dialog.css index 96e967a6f..49f76ac29 100644 --- a/packages/ui/src/components/dialog.css +++ b/packages/ui/src/components/dialog.css @@ -143,6 +143,11 @@ width: min(calc(100vw - 32px), 800px); height: min(calc(100vh - 32px), 600px); } + + &[data-size="x-large"] [data-slot="dialog-container"] { + width: min(calc(100vw - 32px), 960px); + height: min(calc(100vh - 32px), 600px); + } } @keyframes overlayShow { diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx index 1aff55030..4b871732d 100644 --- a/packages/ui/src/components/dialog.tsx +++ b/packages/ui/src/components/dialog.tsx @@ -6,7 +6,7 @@ export interface DialogProps extends ParentProps { title?: JSXElement description?: JSXElement action?: JSXElement - size?: "normal" | "large" + size?: "normal" | "large" | "x-large" class?: ComponentProps<"div">["class"] classList?: ComponentProps<"div">["classList"] fit?: boolean -- cgit v1.2.3