From 64e7ac82cffc1356cfb75248d332e064a12b9227 Mon Sep 17 00:00:00 2001 From: Fizzlepoof Date: Thu, 28 May 2026 20:49:23 +0000 Subject: [PATCH] Simplify Doris Barbell dashboard --- home/doris-barbell/app/static/app.css | 85 +++++ home/doris-barbell/app/templates/base.html | 138 ++------ .../app/templates/dashboard.html | 333 ++++++++---------- home/doris-barbell/tests/test_app.py | 4 + 4 files changed, 269 insertions(+), 291 deletions(-) diff --git a/home/doris-barbell/app/static/app.css b/home/doris-barbell/app/static/app.css index 1b5eb69..7d4c3ad 100644 --- a/home/doris-barbell/app/static/app.css +++ b/home/doris-barbell/app/static/app.css @@ -413,6 +413,79 @@ button:focus, input:focus, select:focus, textarea:focus { outline: 2px solid rgb padding: 14px; } +.compact-casefile-header { + padding-bottom: 0.35rem; +} + +.compact-title-row { + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); + gap: 16px; +} + +.compact-hot-fuzz-art { + min-width: 0; +} + +.compact-hero-mark { + max-width: 300px; + margin-left: auto; +} + +.compact-page-shell { + padding-bottom: 1.5rem; +} + +.compact-panel { + padding: 1rem; +} + +.compact-stat-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 0.85rem; + margin-bottom: 0.9rem; +} + +.stat-slab { + display: grid; + gap: 0.3rem; +} + +.stat-label, +.section-label { + color: var(--hf-amber); + text-transform: uppercase; + letter-spacing: 0.12em; + font-size: 0.72rem; +} + +.metric-value-sm { + font-size: 1.5rem; +} + +.compact-summary-list { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); + gap: 0.65rem; +} + +.compact-summary-list li { + margin: 0; + padding: 0.7rem 0.8rem; + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: 14px; + background: rgba(255, 255, 255, 0.03); +} + +.compact-summary-list li + li { + margin-top: 0; +} + +.compact-history-block h3 { + margin-bottom: 0.65rem; +} + @media (max-width: 700px) { .page-header, .page-shell { @@ -431,6 +504,18 @@ button:focus, input:focus, select:focus, textarea:focus { outline: 2px solid rgb flex-basis: 100%; min-width: 0; } + + .compact-title-row { + grid-template-columns: 1fr; + } + + .compact-hero-mark { + margin-left: 0; + } + + .compact-stat-grid { + grid-template-columns: 1fr; + } } .doris-family-shell .case-nav { diff --git a/home/doris-barbell/app/templates/base.html b/home/doris-barbell/app/templates/base.html index d80277e..72f7937 100644 --- a/home/doris-barbell/app/templates/base.html +++ b/home/doris-barbell/app/templates/base.html @@ -4,11 +4,11 @@ {{ title or 'Doris Barbell' }} - + -