YaroslavKartashov
/
MAI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ui): improve light theme layout

Browse Source
main
AlexsandrSnytkin 16 hours ago
parent a3b18f5b38
commit b810aa7fe8
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File

8
ui_server.py
Unescape Escape View File

@ -1430,6 +1430,12 @@ HTML = """<!doctype 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="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; } 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; } .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; } } @keyframes appearance-in { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 760px) { @media (max-width: 760px) {
.appearance-trigger { min-width: 38px; width: 38px; padding: 0; justify-content: center; } .appearance-trigger { min-width: 38px; width: 38px; padding: 0; justify-content: center; }
@ -2819,7 +2825,7 @@ HTML = """<!doctype html>
} }
const THEMES = { const THEMES = {
dark: {bg: '#111315', surface: '#171a1e', panel: '#14171b', input: '#101317', stage: '#050607', text: '#edf1f5', muted: '#8e99a6', border: '#2b3037'}, 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'}, 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'}, 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'}, forest: {bg: '#0d1713', surface: '#12231b', panel: '#10201a', input: '#09140f', stage: '#040806', text: '#e9fff1', muted: '#91b7a0', border: '#28523c'},

Write Preview
Loading…
Cancel
Save