ui: fix alignment issues and improve responsive layout
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user