From 851879328d80e772d9cf630c5fa22e7859517057 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Wed, 28 May 2025 02:26:46 +0800
Subject: [PATCH] Update StatusMonitor.vue

---
 packages/frontend/src/components/StatusMonitor.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/StatusMonitor.vue b/packages/frontend/src/components/StatusMonitor.vue
index 0ebf422..10e7cb5 100644
--- a/packages/frontend/src/components/StatusMonitor.vue
+++ b/packages/frontend/src/components/StatusMonitor.vue
@@ -64,7 +64,7 @@
               :show-text="true"
               :text-inside="true"
               :format="formatPercentageText"
-              class="themed-progress flex-grow"
+              class="themed-progress flex-grow" :class="{ 'no-transition': isSwitchingSession }"
             />
             <!-- 移除 w-12 和 text-right 以实现左对齐 -->
           </div>
@@ -82,7 +82,7 @@
               :show-text="true"
               :text-inside="true"
               :format="formatPercentageText"
-              class="themed-progress flex-grow"
+              class="themed-progress flex-grow" :class="{ 'no-transition': isSwitchingSession }"
             />
             <span class="mem-disk-details font-mono text-xs whitespace-nowrap text-left">{{ memDisplay }}</span>
           </div>
@@ -100,7 +100,7 @@
               :show-text="true"
               :text-inside="true"
               :format="formatPercentageText"
-              class="themed-progress flex-grow"
+              class="themed-progress flex-grow" :class="{ 'no-transition': isSwitchingSession }"
             />
             <span class="mem-disk-details font-mono text-xs whitespace-nowrap text-left">{{ swapDisplay }}</span>
           </div>
@@ -118,7 +118,7 @@
               :show-text="true"
               :text-inside="true"
               :format="formatPercentageText"
-              class="themed-progress flex-grow"
+              class="themed-progress flex-grow" :class="{ 'no-transition': isSwitchingSession }"
             />
             <span class="mem-disk-details font-mono text-xs whitespace-nowrap text-left">{{ diskDisplay }}</span>
           </div>
@@ -352,9 +352,12 @@ const copyIpToClipboard = async (ipAddress: string | null) => {
 ::v-deep(.el-progress-bar__outer) {
   background-color: var(--header-bg-color) !important; 
 }
-::v-deep(.el-progress-bar__inner) {
+::v-deep(.themed-progress .el-progress-bar__inner) {
   transition: width 0.3s ease-in-out;
 }
+::v-deep(.themed-progress.no-transition .el-progress-bar__inner) {
+  transition: none !important;
+}
 ::v-deep(.el-progress-bar__innerText) {
   font-size: 10px; 
 }