diff options
| author | David Hill <[email protected]> | 2026-01-20 16:53:05 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-20 20:34:44 +0000 |
| commit | 74ad6dd4c98a88321f1b956f0e0e0445b65693fd (patch) | |
| tree | 4e779a5451b990f3d099e07855ecaf52fd09faa5 | |
| parent | a94667e8e7a3966a8e58cb80aba0e906272ceabb (diff) | |
| download | opencode-74ad6dd4c98a88321f1b956f0e0e0445b65693fd.tar.gz opencode-74ad6dd4c98a88321f1b956f0e0e0445b65693fd.zip | |
update settings tabs layout and spacing
| -rw-r--r-- | packages/app/src/components/dialog-settings.tsx | 31 | ||||
| -rw-r--r-- | packages/ui/src/components/tabs.css | 3 |
2 files changed, 24 insertions, 10 deletions
diff --git a/packages/app/src/components/dialog-settings.tsx b/packages/app/src/components/dialog-settings.tsx index 7f4989a6e..22704767a 100644 --- a/packages/app/src/components/dialog-settings.tsx +++ b/packages/app/src/components/dialog-settings.tsx @@ -16,15 +16,28 @@ export const DialogSettings: Component = () => { <Dialog size="large"> <Tabs orientation="vertical" variant="settings" defaultValue="general" class="h-full settings-dialog"> <Tabs.List> - <Tabs.SectionTitle>Desktop</Tabs.SectionTitle> - <Tabs.Trigger value="general"> - <Icon name="settings-gear" /> - General - </Tabs.Trigger> - <Tabs.Trigger value="shortcuts"> - <Icon name="console" /> - Shortcuts - </Tabs.Trigger> + <div + style={{ + display: "flex", + "flex-direction": "column", + gap: "12px", + width: "100%", + "padding-top": "12px", + "padding-bottom": "12px", + }} + > + <Tabs.SectionTitle>Desktop</Tabs.SectionTitle> + <div style={{ display: "flex", "flex-direction": "column", gap: "6px", width: "100%" }}> + <Tabs.Trigger value="general"> + <Icon name="settings-gear" /> + General + </Tabs.Trigger> + <Tabs.Trigger value="shortcuts"> + <Icon name="console" /> + Shortcuts + </Tabs.Trigger> + </div> + </div> {/* <Tabs.SectionTitle>Server</Tabs.SectionTitle> */} {/* <Tabs.Trigger value="permissions"> */} {/* <Icon name="checklist" /> */} diff --git a/packages/ui/src/components/tabs.css b/packages/ui/src/components/tabs.css index a74bcc5d5..b7da456b6 100644 --- a/packages/ui/src/components/tabs.css +++ b/packages/ui/src/components/tabs.css @@ -302,7 +302,8 @@ } [data-slot="tabs-section-title"] { - padding: 8px 8px 4px 8px; + width: 100%; + padding: 0; font-family: var(--font-family-sans); font-size: var(--font-size-small); font-weight: var(--font-weight-medium); |