osolit-research/system-monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

수정

Browse Source
This commit is contained in:
Hyoseong Jo
2025-12-28 23:54:56 +09:00
parent bf10a1d000
commit 79a7fc1550
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/components/ServerPortlet.vue
View File

@@ -44,9 +44,9 @@
<template v-if="server.level !== 'offline'"> <template v-if="server.level !== 'offline'">
<!-- 업타임 --> <!-- 업타임 -->
<div class="extra-row"> <div class="info-row">
<span class="extra-icon">⏱</span> <span class="info-label">UP</span>
<span class="extra-value">{{ server.uptime_str || '-' }}</span> <span class="info-value">{{ server.uptime_str || '-' }}</span>
</div> </div>
<div class="metric-row"> <div class="metric-row">
@@ -78,21 +78,21 @@
</div> </div>
<!-- 추가 정보: 온도, Load, 메모리용량, 디스크용량 --> <!-- 추가 정보: 온도, Load, 메모리용량, 디스크용량 -->
<div class="extra-row"> <div class="info-row">
<span class="extra-icon">🌡</span> <span class="info-label">TEMP</span>
<span class="extra-value">{{ server.cpu_temp ? server.cpu_temp + '°C' : '-' }}</span> <span class="info-value">{{ server.cpu_temp ? server.cpu_temp + '°C' : '-' }}</span>
</div> </div>
<div class="extra-row"> <div class="info-row">
<span class="extra-icon">⚡</span> <span class="info-label">LOAD</span>
<span class="extra-value">{{ server.load_percent ? server.load_percent.toFixed(1) + '%' : '-' }}</span> <span class="info-value">{{ server.load_percent ? server.load_percent.toFixed(1) + '%' : '-' }}</span>
</div> </div>
<div class="extra-row"> <div class="info-row">
<span class="extra-icon">🔲</span> <span class="info-label">RAM</span>
<span class="extra-value">{{ formatServerMem(server) }}</span> <span class="info-value">{{ formatServerMem(server) }}</span>
</div> </div>
<div class="extra-row"> <div class="info-row">
<span class="extra-icon">📀</span> <span class="info-label">HDD</span>
<span class="extra-value">{{ formatServerDisk(server) }}</span> <span class="info-value">{{ formatServerDisk(server) }}</span>
</div> </div>
</template> </template>
@@ -423,7 +423,7 @@ function formatTimeAgo(datetime: string | null): string {
.server-unit.danger { border-left: 5px solid #ef4444; } .server-unit.danger { border-left: 5px solid #ef4444; }
.server-unit.offline { border-left: 5px solid #6b7280; opacity: 0.7; } .server-unit.offline { border-left: 5px solid #6b7280; opacity: 0.7; }
.server-info { width: 200px; min-width: 200px; padding: 16px; border-right: 1px solid var(--border-color); cursor: pointer; } .server-info { width: 220px; min-width: 220px; padding: 16px; border-right: 1px solid var(--border-color); cursor: pointer; }
.server-info:hover { background: var(--bg-tertiary, #f8fafc); } .server-info:hover { background: var(--bg-tertiary, #f8fafc); }
.server-name { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; } .server-name { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
@@ -447,9 +447,9 @@ function formatTimeAgo(datetime: string | null): string {
.metric-value.critical { color: #ea580c; } .metric-value.critical { color: #ea580c; }
.metric-value.danger { color: #dc2626; } .metric-value.danger { color: #dc2626; }
.extra-row { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; } .info-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.extra-icon { font-size: 12px; width: 16px; text-align: center; } .info-label { font-size: 14px; font-weight: 600; color: var(--text-muted); width: 42px; }
.extra-value { font-size: 12px; font-weight: 600; color: var(--text-secondary); font-family: monospace; } .info-value { flex: 1; font-size: 14px; font-weight: 600; color: var(--text-secondary); font-family: monospace; text-align: right; }
.offline-info { text-align: center; padding: 24px 0; color: var(--text-muted); } .offline-info { text-align: center; padding: 24px 0; color: var(--text-muted); }
.offline-text { font-size: 18px; margin-bottom: 8px; } .offline-text { font-size: 18px; margin-bottom: 8px; }