From a79f63e59ede100a9ba87c64924b7d3c8905c834 Mon Sep 17 00:00:00 2001 From: Poulpe Date: Mon, 27 Apr 2026 22:08:49 +0000 Subject: [PATCH] =?UTF-8?q?fix(viewer):=20map=20visible=20=E2=80=94=20wrap?= =?UTF-8?q?=20USV/AUV=20panels=20in=20graphs-section,=20minmax(200px)=20ma?= =?UTF-8?q?p=20row?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- viewer/index.html | 95 ++++++++++++++++++++++++++--------------------- 1 file changed, 52 insertions(+), 43 deletions(-) diff --git a/viewer/index.html b/viewer/index.html index ee236f6..7b02e57 100644 --- a/viewer/index.html +++ b/viewer/index.html @@ -12,7 +12,7 @@ height: 100vh; overflow: hidden; font-family: monospace; background: #1a1a2e; color: #e0e0e0; display: grid; - grid-template-rows: 36px 40px 1fr 54px 1fr; + grid-template-rows: 36px 40px minmax(200px, 1fr) 54px 1fr; } /* Row 0: datebar */ #datebar { @@ -115,15 +115,23 @@ } #btn-viewall:hover, #btn-play:hover { background: #00b4d8; color: #1a1a2e; } - /* Row 4: 2×2 charts grid */ + /* Row 4: scroll container with 2x2 charts + USV/AUV panels */ #graphs-section { + display: flex; + flex-direction: column; + min-height: 0; + overflow-y: auto; + overflow-x: hidden; + background: #0a0a1a; + } + #charts-4grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 3px; - background: #0a0a1a; padding: 3px; - min-height: 0; overflow: hidden; + flex: 1; + min-height: 180px; } .chart-wrap { background: #12122a; @@ -323,51 +331,52 @@ flowchart LR
-
-
Depth AUV (m)
-
+
+
+
Depth AUV (m)
+
+
+
+
Motors AUV (PWM)
+
+
+
+
Motors USV (PWM)
+
+
+
+
USBL Distance (m)
+
+
-
-
Motors AUV (PWM)
-
+
USV
+
+
+
+
+
+
+
+
+
-
-
Motors USV (PWM)
-
+
+ AUV +
-
-
USBL Distance (m)
-
+
+
+
+
+
+
+
+
+
+
-
USV
-
-
-
-
-
-
-
-
-
-
-
- AUV - -
-
-
-
-
-
-
-
-
-
-
-
-