diff options
| author | David Hill <[email protected]> | 2026-01-20 17:34:19 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-20 20:34:45 +0000 |
| commit | 2b95956132a9577082059d179f3a998caab10af7 (patch) | |
| tree | 7f91333476b45c61a5bd67a26dddf4be4757e5a4 /packages/ui/src/components | |
| parent | 36bbe809fae8ef7345b0dfffced31920d36a4b6d (diff) | |
| download | opencode-2b95956132a9577082059d179f3a998caab10af7.tar.gz opencode-2b95956132a9577082059d179f3a998caab10af7.zip | |
add x-large dialog size and use it for settings modal
Diffstat (limited to 'packages/ui/src/components')
| -rw-r--r-- | packages/ui/src/components/dialog.css | 5 | ||||
| -rw-r--r-- | packages/ui/src/components/dialog.tsx | 2 |
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 |