fix: restore responsive dashboard panel grid

This commit is contained in:
Dobromir Popov
2026-07-14 15:55:24 +02:00
parent 1e64a5b2b9
commit 348b003d6e
2 changed files with 10 additions and 3 deletions

View File

@@ -24,7 +24,7 @@
header .meta { color:var(--dim); font-size:12px; }
main { display:grid; grid-template-columns:1fr;
gap:14px; padding:14px 20px; }
main > section { grid-column:1 / -1; width:100%; min-width:0; }
main > section { width:100%; min-width:0; }
body.chat-tab-active main {
flex:1; min-height:0; display:flex; flex-direction:column;
padding:0; gap:0; overflow:hidden;
@@ -72,6 +72,12 @@
background:transparent; color:var(--dim); padding:5px 0 8px; }
.dashboard-tabs button.active { color:var(--accent); border-bottom-color:var(--accent); }
.wide { grid-column:1 / -1; }
/* Compact status cards fan out on desktop; tables remain readable at half width. */
@media (min-width:900px) {
main { grid-template-columns:repeat(4,minmax(0,1fr)); }
main > section { grid-column:span 1; }
.wide { grid-column:span 2; }
}
section[hidden] { display:none !important; }
section.chat-section {
padding:0; border:0; border-radius:0; background:var(--bg); min-height:0;

View File

@@ -39,8 +39,9 @@ def test_dashboard_served_with_all_panels():
assert "resolveModelGroup" in html
assert "buildModelAliasMap" in html
assert "modelAliasKey(raw)" in html
assert "main { display:grid; grid-template-columns:1fr;" in html
assert "main > section { grid-column:1 / -1; width:100%; min-width:0; }" in html
assert "@media (min-width:900px)" in html
assert "grid-template-columns:repeat(4,minmax(0,1fr));" in html
assert ".wide { grid-column:span 2; }" in html
assert 'onclick="clearConsole()"' in html
assert "let consoleClearedAt = 0;" in html
finally: