From 6c4867b757b5edd3c25408250eeab3be90d8affe Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Fri, 24 Apr 2026 23:48:59 +0800
Subject: [PATCH] Fix scan detail rail scrolling

---
 .../components/dashboard/Dashboard.module.css    | 16 +++++++++++-----
 frontend/components/dashboard/DetailPanel.tsx    |  3 ---
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/frontend/components/dashboard/Dashboard.module.css b/frontend/components/dashboard/Dashboard.module.css
index 9a62691c..84ab2d88 100644
--- a/frontend/components/dashboard/Dashboard.module.css
+++ b/frontend/components/dashboard/Dashboard.module.css
@@ -3108,12 +3108,13 @@
 }
 
 .root :global(.scan-terminal > .detail-panel.scan-city-detail-rail) {
-  position: relative;
-  inset: auto;
+  position: sticky;
+  top: 16px;
   width: auto;
   min-width: 0;
-  height: auto;
-  min-height: calc(100vh - 32px);
+  height: calc(100vh - 32px);
+  min-height: 0;
+  max-height: calc(100vh - 32px);
   z-index: auto;
   transform: none;
   transition: none;
@@ -3123,7 +3124,8 @@
   background: linear-gradient(180deg, rgba(15, 28, 47, 0.94), rgba(9, 18, 32, 0.94));
   box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
   backdrop-filter: blur(14px);
-  align-self: stretch;
+  align-self: start;
+  overflow: hidden;
 }
 
 .root :global(.scan-terminal > .detail-panel.scan-city-detail-rail.visible) {
@@ -10999,7 +11001,11 @@
   }
 
   .root :global(.scan-terminal > .detail-panel.scan-city-detail-rail) {
+    position: relative;
+    top: auto;
     grid-column: 1 / -1;
+    height: auto;
+    max-height: none;
     min-height: auto;
   }
 
diff --git a/frontend/components/dashboard/DetailPanel.tsx b/frontend/components/dashboard/DetailPanel.tsx
index 5e4db4f4..007d77d4 100644
--- a/frontend/components/dashboard/DetailPanel.tsx
+++ b/frontend/components/dashboard/DetailPanel.tsx
@@ -123,9 +123,6 @@ function DetailMiniTemperatureChart({ detail }: { detail: CityDetail }) {
       <div className="detail-mini-chart">
         <canvas ref={canvasRef} />
       </div>
-      <div className="detail-mini-meta">
-        {chartData?.legendText || t("detail.chartLegendEmpty")}
-      </div>
     </div>
   );
 }