diff --git a/docs/PLAN.md b/docs/PLAN.md index d24da5a..d3decd7 100644 --- a/docs/PLAN.md +++ b/docs/PLAN.md @@ -31,4 +31,4 @@ Updated: 2026-04-02 15. Added editable System settings with shared validation, a system update API, service/port conflict protection, and UI coverage for local save flows. 16. Simplified the System tab layout by removing the redundant Runtime card and collapsing those fields into a compact settings section. 17. Moved panel auth to server-issued expiring tokens with `sessionStorage` persistence and Compose-configurable credentials/TTL. -18. Reworked Settings to store panel language/theme in `localStorage`, added RU/EN UI switching, and made service deletion warn before cascading linked-user removal. +18. Reworked Settings to store panel language/theme in `localStorage`, added RU/EN UI switching, made service deletion warn before cascading linked-user removal, and then simplified the preferences UI back into a compact inline strip with a light default theme. diff --git a/src/SystemTab.tsx b/src/SystemTab.tsx index e68064a..14daa84 100644 --- a/src/SystemTab.tsx +++ b/src/SystemTab.tsx @@ -71,60 +71,54 @@ export default function SystemTab({ <>
-
-
-

{text.common.panelPreferences}

-
-
- - -
-
-

{text.settings.title}

- +
+ + + +
{draft.services.map((service, index) => ( diff --git a/src/app.css b/src/app.css index 37b6a0a..849e76d 100644 --- a/src/app.css +++ b/src/app.css @@ -450,6 +450,23 @@ button, color: var(--muted); } +.settings-toolbar { + display: flex; + align-items: end; + gap: 12px; + flex-wrap: wrap; +} + +.compact-field { + min-width: 220px; + flex: 0 1 240px; +} + +.compact-field span { + color: var(--muted); + font-size: 12px; +} + .toolbar-actions { flex-wrap: wrap; } @@ -563,10 +580,6 @@ tbody tr:last-child td { display: block; } -.system-settings-card { - gap: 12px; -} - .system-fields, .service-editor-grid { display: grid; @@ -694,7 +707,8 @@ pre { } .shell-header, - .table-toolbar { + .table-toolbar, + .settings-toolbar { flex-direction: column; align-items: flex-start; } diff --git a/src/lib/panelPreferences.ts b/src/lib/panelPreferences.ts index 2b4e6f5..35f530a 100644 --- a/src/lib/panelPreferences.ts +++ b/src/lib/panelPreferences.ts @@ -6,11 +6,11 @@ export interface PanelPreferences { theme: PanelTheme; } -const PREFERENCES_KEY = '3proxy-ui-panel-preferences'; +const PREFERENCES_KEY = '3proxy-ui-panel-preferences-v2'; export const defaultPanelPreferences: PanelPreferences = { language: 'en', - theme: 'system', + theme: 'light', }; export function loadPanelPreferences(): PanelPreferences {