Fix: fullscreen background chart now takes full viewport height

The .chart-container.fullscreen CSS was missing height: 100vh, so the
container stayed at the default 450px height instead of expanding to
fill the full screen.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Jacquin Antoine
2026-05-20 01:46:35 +02:00
parent edaceae8a3
commit 3b4446b181
2 changed files with 2 additions and 1 deletions

View File

@ -132,6 +132,7 @@ main { padding: 16px; }
border-radius: 0;
display: flex;
flex-direction: column;
height: 100vh;
}
.chart-container.fullscreen canvas {
flex: 1;

View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Radiacode 103 — Dashboard</title>
<link rel="stylesheet" href="/static/css/style.css?v=2">
<link rel="stylesheet" href="/static/css/style.css?v=3">
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@3.0.1/dist/chartjs-plugin-annotation.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/hammerjs@2.0.8/hammer.min.js"></script>