monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

add x-large dialog size and use it for settings modal

Browse Source
This commit is contained in:
David Hill
2026-01-20 17:34:19 +00:00
parent 36bbe809fa
commit 2b95956132
3 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/components/dialog-settings.tsx
View File

@@ -13,7 +13,7 @@ import { SettingsMcp } from "./settings-mcp"
export const DialogSettings: Component = () => { export const DialogSettings: Component = () => {
return ( return (
<Dialog size="large"> <Dialog size="x-large">
<Tabs orientation="vertical" variant="settings" defaultValue="general" class="h-full settings-dialog"> <Tabs orientation="vertical" variant="settings" defaultValue="general" class="h-full settings-dialog">
<Tabs.List> <Tabs.List>
<div <div

5
packages/ui/src/components/dialog.css
View File

@@ -143,6 +143,11 @@
width: min(calc(100vw - 32px), 800px); width: min(calc(100vw - 32px), 800px);
height: min(calc(100vh - 32px), 600px); 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 { @keyframes overlayShow {

2
packages/ui/src/components/dialog.tsx
View File

@@ -6,7 +6,7 @@ export interface DialogProps extends ParentProps {
title?: JSXElement title?: JSXElement
description?: JSXElement description?: JSXElement
action?: JSXElement action?: JSXElement
size?: "normal" | "large" size?: "normal" | "large" | "x-large"
class?: ComponentProps<"div">["class"] class?: ComponentProps<"div">["class"]
classList?: ComponentProps<"div">["classList"] classList?: ComponentProps<"div">["classList"]
fit?: boolean fit?: boolean