summaryrefslogtreecommitdiffhomepage
path: root/packages/app/src
diff options
context:
space:
mode:
authoradamelmore <[email protected]>2026-01-25 20:33:19 -0600
committerAdam <[email protected]>2026-01-25 20:40:00 -0600
commit99ae3a7717a825d1a8ff221fc18c104fc004ab91 (patch)
tree4c47118345b4badc3ab46291c63447d0382f42f8 /packages/app/src
parent9d35a0bcb62b432bf58a9caf74695dff087c830d (diff)
downloadopencode-99ae3a7717a825d1a8ff221fc18c104fc004ab91.tar.gz
opencode-99ae3a7717a825d1a8ff221fc18c104fc004ab91.zip
chore: cleanup
Diffstat (limited to 'packages/app/src')
-rw-r--r--packages/app/src/components/dialog-settings.tsx30
1 files changed, 7 insertions, 23 deletions
diff --git a/packages/app/src/components/dialog-settings.tsx b/packages/app/src/components/dialog-settings.tsx
index 0b8d108d0..9dd6efd68 100644
--- a/packages/app/src/components/dialog-settings.tsx
+++ b/packages/app/src/components/dialog-settings.tsx
@@ -21,28 +21,12 @@ export const DialogSettings: Component = () => {
<Dialog size="x-large">
<Tabs orientation="vertical" variant="settings" defaultValue="general" class="h-full settings-dialog">
<Tabs.List>
- <div
- style={{
- display: "flex",
- "flex-direction": "column",
- "justify-content": "space-between",
- height: "100%",
- width: "100%",
- }}
- >
- <div
- style={{
- display: "flex",
- "flex-direction": "column",
- gap: "12px",
- width: "100%",
- "padding-top": "12px",
- }}
- >
- <div style={{ display: "flex", "flex-direction": "column", gap: "12px" }}>
- <div style={{ display: "flex", "flex-direction": "column", gap: "6px" }}>
+ <div class="flex flex-col justify-between h-full w-full">
+ <div class="flex flex-col gap-3 w-full pt-3">
+ <div class="flex flex-col gap-3">
+ <div class="flex flex-col gap-1.5">
<Tabs.SectionTitle>{language.t("settings.section.desktop")}</Tabs.SectionTitle>
- <div style={{ display: "flex", "flex-direction": "column", gap: "6px", width: "100%" }}>
+ <div class="flex flex-col gap-1.5 w-full">
<Tabs.Trigger value="general">
<Icon name="sliders" />
{language.t("settings.tab.general")}
@@ -54,9 +38,9 @@ export const DialogSettings: Component = () => {
</div>
</div>
- <div style={{ display: "flex", "flex-direction": "column", gap: "6px" }}>
+ <div class="flex flex-col gap-1.5">
<Tabs.SectionTitle>{language.t("settings.section.server")}</Tabs.SectionTitle>
- <div style={{ display: "flex", "flex-direction": "column", gap: "6px", width: "100%" }}>
+ <div class="flex flex-col gap-1.5 w-full">
<Tabs.Trigger value="providers">
<Icon name="server" />
{language.t("settings.providers.title")}