From e94383a4c45750d820534f1558661b5784dfdf39 Mon Sep 17 00:00:00 2001
From: Rick <68499367+OG-Wang@users.noreply.github.com>
Date: Mon, 27 Jul 2026 09:08:56 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E4=BF=AE=E5=A4=8D=E6=B8=A0?=
 =?UTF-8?q?=E9=81=93=E7=9B=91=E6=8E=A7=E6=97=B6=E9=97=B4=E7=BA=BF=E5=9C=A8?=
 =?UTF-8?q?=E7=AA=84=E5=8D=A1=E7=89=87=E4=B8=8B=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

MonitorTimeline 每根柱子设置了 min-w-[3px]，60 根柱子加 2px 间距的
最小总宽度为 298px。当卡片内容区宽度低于该值时（如 100% 缩放下的
部分布局），时间线整体溢出卡片边缘。改为 min-w-0 让柱子随容器等分
压缩，任意宽度下均不再溢出。
---
 frontend/src/components/user/monitor/MonitorTimeline.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/user/monitor/MonitorTimeline.vue b/frontend/src/components/user/monitor/MonitorTimeline.vue
index 2445bc5191..548e2c084c 100644
--- a/frontend/src/components/user/monitor/MonitorTimeline.vue
+++ b/frontend/src/components/user/monitor/MonitorTimeline.vue
@@ -17,7 +17,7 @@
       <div
         v-for="(bar, idx) in displayBars"
         :key="idx"
-        class="flex-1 min-w-[3px] rounded-sm"
+        class="flex-1 min-w-0 rounded-sm"
         :class="bar.colorClass"
         :style="{ height: bar.heightPct + '%' }"
         :title="bar.title"