summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'packages/ui/src/components')
-rw-r--r--packages/ui/src/components/dialog.css5
-rw-r--r--packages/ui/src/components/dialog.tsx2
2 files changed, 6 insertions, 1 deletions
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