ui: fix alignment issues and improve responsive layout

This commit is contained in:
2026-02-26 15:51:01 -05:00
parent 2c5a6a596b
commit e8bcfcf8ab
2 changed files with 111 additions and 72 deletions

View File

@@ -180,7 +180,7 @@ class Dashboard {
getOverviewTemplate() {
return `
<div class="stats-grid" id="overview-stats"></div>
<div class="grid-2" style="display: grid; grid-template-columns: 2fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem;">
<div class="grid-2">
<div class="chart-container">
<h3 class="card-title">Request Volume (Last 24h)</h3>
<canvas id="requests-chart" height="300"></canvas>
@@ -190,7 +190,7 @@ class Dashboard {
<canvas id="providers-chart" height="300"></canvas>
</div>
</div>
<div class="grid-2" style="display: grid; grid-template-columns: 1fr 2fr; gap: 1.5rem;">
<div class="grid-2">
<div class="card">
<h3 class="card-title">System Health</h3>
<div id="system-health" style="margin-top: 1rem;"></div>