From d3d0e0825ea4b4ed3ab338603b824af0178e5264 Mon Sep 17 00:00:00 2001 From: CaptainJack2491 Date: Mon, 9 Mar 2026 19:41:49 +0000 Subject: feat: pivot Web GUI to dedicated Data Visualization Dashboard This commit: - Removes all execution logic (runs, cancellation, SSE logs) - Strips the terminal and configuration sidebar - Implements a global filtering panel (Model, Scenario, Oversight) - Dedicated the UI 100% to interactive Chart.js and static visuals --- api/static/css/layout.css | 28 ++++++---------------------- 1 file changed, 6 insertions(+), 22 deletions(-) (limited to 'api/static/css/layout.css') diff --git a/api/static/css/layout.css b/api/static/css/layout.css index ef0fc2d..2946461 100644 --- a/api/static/css/layout.css +++ b/api/static/css/layout.css @@ -1,14 +1,14 @@ .dashboard-root { display: grid; grid-template-columns: 320px 1fr; - grid-template-rows: 1fr 300px; height: 100vh; width: 100vw; } /* Sidebar - Left Column */ .sidebar { - grid-row: 1 / -1; + grid-column: 1; + grid-row: 1; background-color: var(--color-bg-1); border-right: var(--border-width) solid var(--color-bg-3); padding: var(--space-lg); @@ -18,7 +18,7 @@ z-index: 10; } -/* Main Area - Top Right */ +/* Main Area - Right */ .main-viewport { grid-column: 2; grid-row: 1; @@ -28,17 +28,6 @@ flex-direction: column; } -/* Terminal - Bottom Right */ -.terminal-dock { - grid-column: 2; - grid-row: 2; - background-color: var(--color-bg-1); - border-top: var(--border-width) solid var(--color-bg-3); - display: flex; - flex-direction: column; - overflow: hidden; -} - /* Header */ .app-header { padding: var(--space-md) var(--space-lg); @@ -66,7 +55,7 @@ @media (max-width: 900px) { .dashboard-root { grid-template-columns: 1fr; - grid-template-rows: auto 1fr auto; + grid-template-rows: auto 1fr; overflow-y: auto; } .sidebar { @@ -77,11 +66,6 @@ .main-viewport { grid-column: 1; grid-row: 2; - height: 500px; + height: auto; } - .terminal-dock { - grid-column: 1; - grid-row: 3; - height: 300px; - } -} +} \ No newline at end of file -- cgit v1.2.3