admin/nexus-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update StatusMonitor.vue

Browse Source
This commit is contained in:
Baobhan Sith
2025-05-28 02:26:46 +08:00
parent 7533d98471
commit 851879328d
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/src/components/StatusMonitor.vue
+8 -5
View File
@@ -64,7 +64,7 @@
:show-text="true" :show-text="true"
:text-inside="true" :text-inside="true"
:format="formatPercentageText" :format="formatPercentageText"
class="themed-progress flex-grow" class="themed-progress flex-grow" :class="{ 'no-transition': isSwitchingSession }"
/> />
<!-- 移除 w-12 和 text-right 以实现左对齐 --> <!-- 移除 w-12 和 text-right 以实现左对齐 -->
</div> </div>
@@ -82,7 +82,7 @@
:show-text="true" :show-text="true"
:text-inside="true" :text-inside="true"
:format="formatPercentageText" :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> <span class="mem-disk-details font-mono text-xs whitespace-nowrap text-left">{{ memDisplay }}</span>
</div> </div>
@@ -100,7 +100,7 @@
:show-text="true" :show-text="true"
:text-inside="true" :text-inside="true"
:format="formatPercentageText" :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> <span class="mem-disk-details font-mono text-xs whitespace-nowrap text-left">{{ swapDisplay }}</span>
</div> </div>
@@ -118,7 +118,7 @@
:show-text="true" :show-text="true"
:text-inside="true" :text-inside="true"
:format="formatPercentageText" :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> <span class="mem-disk-details font-mono text-xs whitespace-nowrap text-left">{{ diskDisplay }}</span>
</div> </div>
@@ -352,9 +352,12 @@ const copyIpToClipboard = async (ipAddress: string | null) => {
::v-deep(.el-progress-bar__outer) { ::v-deep(.el-progress-bar__outer) {
background-color: var(--header-bg-color) !important; 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; 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) { ::v-deep(.el-progress-bar__innerText) {
font-size: 10px; font-size: 10px;
} }