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 17:08:12 +09:00
parent eb9848ede4
commit 383e24ba1c
9 changed files with 100 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/components/DashboardControl.vue
View File

@@ -22,12 +22,8 @@
{{ autoRefresh ? '⏸ 자동갱신 ON' : '▶ 자동갱신 OFF' }}
</button>
<div class="last-fetch-info">
마지막 조회: <span class="last-fetch-time">{{ relativeTime }}</span>
</div>
</div>
<div class="control-row">
<div class="control-divider"></div>
<span class="control-label">특정시간:</span>
<input
type="datetime-local"
@@ -49,7 +45,10 @@
<span v-if="fetchState === 'loading'" class="loading-spinner"></span>
{{ buttonText }}
</button>
<span v-if="autoRefresh" class="hint-text">자동갱신 OFF 시 특정시간 조회 가능</span>
<div class="last-fetch-info">
마지막 조회: <span class="last-fetch-time">{{ relativeTime }}</span>
</div>
</div>
</div>
</template>

10
frontend/components/ServerPortlet.vue
View File

@@ -290,11 +290,11 @@ function formatTimeAgo(datetime: string | null): string {
/* 컨테이너 카드 */
.container-card { width: 200px; padding: 10px; border-radius: 8px; border: 1px solid var(--border-color); background: var(--bg-secondary); cursor: pointer; transition: all 0.15s; overflow: hidden; }
.container-card:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.container-card.normal { background: #f0fdf4; border-color: #86efac; }
.container-card.warning { background: #fefce8; border-color: #fde047; }
.container-card.critical { background: #fff7ed; border-color: #fdba74; }
.container-card.danger { background: #fef2f2; border-color: #fca5a5; }
.container-card.stopped { background: #fef2f2; border-color: #fca5a5; }
.container-card.normal { background: var(--container-normal-bg, #f0fdf4); border-color: var(--container-normal-border, #86efac); }
.container-card.warning { background: var(--container-warning-bg, #fefce8); border-color: var(--container-warning-border, #fde047); }
.container-card.critical { background: var(--container-critical-bg, #fff7ed); border-color: var(--container-critical-border, #fdba74); }
.container-card.danger { background: var(--container-danger-bg, #fef2f2); border-color: var(--container-danger-border, #fca5a5); }
.container-card.stopped { background: var(--container-danger-bg, #fef2f2); border-color: var(--container-danger-border, #fca5a5); }
.card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; overflow: hidden; }
.card-name { display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0; overflow: hidden; }