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

34
frontend/server/history.vue
View File

@@ -755,32 +755,32 @@ onUnmounted(() => {
.section-title { margin: 0 0 16px 0; font-size: 16px; font-weight: 700; color: var(--text-primary); }
.container-cards { display: flex; flex-direction: column; gap: 16px; }
.container-card { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 10px; padding: 14px; }
.container-card.running { background: #f0fdf4; border-color: #86efac; }
.container-card.exited { background: #fef2f2; border-color: #fca5a5; }
.container-card.paused { background: #fffbeb; border-color: #fcd34d; }
.container-card.restarting { background: #fef3c7; border-color: #f59e0b; }
.container-card.running { background: var(--container-normal-bg, #f0fdf4); border-color: var(--container-normal-border, #86efac); }
.container-card.exited { background: var(--container-danger-bg, #fef2f2); border-color: var(--container-danger-border, #fca5a5); }
.container-card.paused { background: var(--container-warning-bg, #fffbeb); border-color: var(--container-warning-border, #fcd34d); }
.container-card.restarting { background: var(--container-critical-bg, #fef3c7); border-color: var(--container-critical-border, #f59e0b); }
.container-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--border-color); }
.container-card.running .container-header { border-color: #86efac; }
.container-card.exited .container-header { border-color: #fca5a5; }
.container-card.paused .container-header { border-color: #fcd34d; }
.container-card.restarting .container-header { border-color: #f59e0b; }
.container-card.running .container-header { border-color: var(--container-normal-border, #86efac); }
.container-card.exited .container-header { border-color: var(--container-danger-border, #fca5a5); }
.container-card.paused .container-header { border-color: var(--container-warning-border, #fcd34d); }
.container-card.restarting .container-header { border-color: var(--container-critical-border, #f59e0b); }
.container-name { font-size: 16px; font-weight: 700; color: var(--btn-primary-bg); background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.container-card.exited .container-name { background: linear-gradient(135deg, #dc2626 0%, #f97316 100%); -webkit-background-clip: text; background-clip: text; }
.container-card.paused .container-name { background: linear-gradient(135deg, #d97706 0%, #eab308 100%); -webkit-background-clip: text; background-clip: text; }
.container-card.restarting .container-name { background: linear-gradient(135deg, #ea580c 0%, #facc15 100%); -webkit-background-clip: text; background-clip: text; }
.container-status { font-size: 12px; padding: 3px 10px; border-radius: 12px; font-weight: 500; }
.container-status.running { background: #dcfce7; color: #166534; }
.container-status.exited { background: #fee2e2; color: #991b1b; }
.container-status.paused { background: #fef3c7; color: #92400e; }
.container-status.restarting { background: #ffedd5; color: #c2410c; }
.container-status.unknown { background: #e2e8f0; color: #475569; }
.container-status.running { background: var(--container-normal-bg, #dcfce7); color: var(--container-status-running, #166534); }
.container-status.exited { background: var(--container-danger-bg, #fee2e2); color: var(--container-status-exited, #991b1b); }
.container-status.paused { background: var(--container-warning-bg, #fef3c7); color: var(--container-status-paused, #92400e); }
.container-status.restarting { background: var(--container-critical-bg, #ffedd5); color: var(--container-status-restarting, #c2410c); }
.container-status.unknown { background: var(--bg-tertiary, #e2e8f0); color: var(--text-muted); }
.container-uptime { font-size: 12px; color: var(--text-muted); margin-left: auto; }
.container-charts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.container-chart-box { background: var(--bg-primary); border: 1px solid var(--border-color); border-radius: 8px; padding: 10px; }
.container-card.running .container-chart-box { background: #ffffff; border-color: #bbf7d0; }
.container-card.exited .container-chart-box { background: #ffffff; border-color: #fecaca; }
.container-card.paused .container-chart-box { background: #ffffff; border-color: #fde68a; }
.container-card.restarting .container-chart-box { background: #ffffff; border-color: #fed7aa; }
.container-card.running .container-chart-box { background: var(--bg-primary); border-color: var(--container-normal-border, #bbf7d0); }
.container-card.exited .container-chart-box { background: var(--bg-primary); border-color: var(--container-danger-border, #fecaca); }
.container-card.paused .container-chart-box { background: var(--bg-primary); border-color: var(--container-warning-border, #fde68a); }
.container-card.restarting .container-chart-box { background: var(--bg-primary); border-color: var(--container-critical-border, #fed7aa); }
.container-chart-box .chart-header { margin-bottom: 6px; }
.container-chart-box .chart-title { font-size: 12px; font-weight: 600; color: var(--text-primary); }
.container-chart-box .chart-avg { font-size: 11px; padding: 2px 8px; }