From a0ce1855ab040ce0db74fa114f89c14d9a8e3276 Mon Sep 17 00:00:00 2001
From: yitaikarma <58459535+yitaikarma@users.noreply.github.com>
Date: Sun, 21 Sep 2025 17:06:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E7=BB=9F=E8=AE=A1?=
 =?UTF-8?q?=E9=A1=B5=E5=86=85=E5=AD=98=E5=8D=A0=E7=94=A8=E5=92=8C=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E6=95=B0=E6=8D=AE=E8=B6=8B=E5=8A=BF=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=20(#2826)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 调整统计页内存占用和消息趋势分析的布局，优化响应式显示

* fix: 隐藏增长率为零时的趋势图标
---
 .../views/dashboards/default/components/MemoryUsage.vue    | 1 +
 .../views/dashboards/default/components/MessageStat.vue    | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/views/dashboards/default/components/MemoryUsage.vue b/dashboard/src/views/dashboards/default/components/MemoryUsage.vue
index c5a8d8d8f..23c183b7b 100644
--- a/dashboard/src/views/dashboards/default/components/MemoryUsage.vue
+++ b/dashboard/src/views/dashboards/default/components/MemoryUsage.vue
@@ -98,6 +98,7 @@ export default {
 
 .stat-value-wrapper {
   display: flex;
+  flex-wrap: wrap;
   align-items: baseline;
   justify-content: space-between;
   margin-bottom: 4px;
diff --git a/dashboard/src/views/dashboards/default/components/MessageStat.vue b/dashboard/src/views/dashboards/default/components/MessageStat.vue
index 653d1b689..a41c664e4 100644
--- a/dashboard/src/views/dashboards/default/components/MessageStat.vue
+++ b/dashboard/src/views/dashboards/default/components/MessageStat.vue
@@ -44,7 +44,7 @@
         <div class="stat-box" :class="{'trend-up': growthRate > 0, 'trend-down': growthRate < 0}">
           <div class="stat-label">{{ t('charts.messageTrend.growthRate') }}</div>
           <div class="stat-number">
-            <v-icon size="small" :icon="growthRate > 0 ? 'mdi-arrow-up' : 'mdi-arrow-down'"></v-icon>
+            <v-icon v-show="growthRate !== 0" size="small" :icon="growthRate > 0 ? 'mdi-arrow-up' : 'mdi-arrow-down'"></v-icon>
             {{ Math.abs(growthRate) }}%
           </div>
         </div>
@@ -303,8 +303,10 @@ export default {
 
 .chart-header {
   display: flex;
+  flex-wrap: wrap;
   justify-content: space-between;
   align-items: flex-start;
+  gap: 10px;
   margin-bottom: 20px;
 }
 
@@ -321,7 +323,7 @@ export default {
 }
 
 .time-select {
-  max-width: 150px;
+  max-width: fit-content;
   font-size: 14px;
 }
 
@@ -349,6 +351,7 @@ export default {
   font-weight: 600;
   color: var(--v-theme-primaryText);
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
 }