From b810aa7fe8c8100c73024561d0724890538c8e5c Mon Sep 17 00:00:00 2001 From: AlexsandrSnytkin Date: Fri, 18 Sep 2026 16:19:52 +0700 Subject: [PATCH] fix(ui): improve light theme layout --- ui_server.py | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/ui_server.py b/ui_server.py index f6857de..580cb15 100644 --- a/ui_server.py +++ b/ui_server.py @@ -1430,6 +1430,12 @@ HTML = """ body[data-motion="none"] *, body[data-motion="none"] *::before, body[data-motion="none"] *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } body[data-motion="expressive"] .settings-panel, body[data-motion="expressive"] .model-panel, body[data-motion="expressive"] .archive-panel { animation-duration: .62s; } .video, .settings-panel, .model-panel, .archive-panel { width: 100%; max-width: none; } + .config-canvas > .config-block.settings-group { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } + .config-block .control-fields { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 6px 8px; min-width: 0; } + .config-block .control-fields[hidden] { display: none !important; } + .config-block .control-fields > .wide, .config-block .control-fields > .drop-zone, .config-block .control-fields > .upload-progress { grid-column: 1 / -1; } + .config-block .control-fields > label, .config-block .control-fields > button, .config-block .control-fields > .file-picked { min-width: 0; width: 100%; } + .config-block .control-fields > label > input, .config-block .control-fields > label > select, .config-block .control-fields > label > textarea { width: 100%; } @keyframes appearance-in { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: none; } } @media (max-width: 760px) { .appearance-trigger { min-width: 38px; width: 38px; padding: 0; justify-content: center; } @@ -2819,7 +2825,7 @@ HTML = """ } const THEMES = { dark: {bg: '#111315', surface: '#171a1e', panel: '#14171b', input: '#101317', stage: '#050607', text: '#edf1f5', muted: '#8e99a6', border: '#2b3037'}, - light: {bg: '#eef2f6', surface: '#ffffff', panel: '#ffffff', input: '#f7f9fb', stage: '#dfe6ed', text: '#1d2a36', muted: '#5d6b79', border: '#c8d1db'}, + light: {bg: '#e7edf3', surface: '#f3f6f9', panel: '#fbfcfe', input: '#edf2f7', stage: '#d7e1ea', text: '#172331', muted: '#526171', border: '#b8c5d2'}, amber: {bg: '#17130d', surface: '#211a10', panel: '#211a10', input: '#120e08', stage: '#090705', text: '#fff0cf', muted: '#c7a873', border: '#584326'}, midnight: {bg: '#08111f', surface: '#0d1b2e', panel: '#10233a', input: '#07101d', stage: '#030711', text: '#e8f3ff', muted: '#8ba5c2', border: '#1c3c5f'}, forest: {bg: '#0d1713', surface: '#12231b', panel: '#10201a', input: '#09140f', stage: '#040806', text: '#e9fff1', muted: '#91b7a0', border: '#28523c'},