diff options
| -rw-r--r-- | packages/app/src/components/dialog-settings.tsx | 30 |
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")} |