zhi/HarborForge.Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: align monitor page with dashboard look and add monitor styles

Browse Source
This commit is contained in:
zhi
2026-03-11 17:49:44 +00:00
parent ddcbd28967
commit 34ab80e50d
2 changed files with 132 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/index.css
View File

@@ -183,3 +183,21 @@ dd { font-size: .9rem; }
.setup-done { text-align: center; }
.setup-done h2 { color: var(--success); margin-bottom: 12px; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
/* Monitor */
.monitor-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-top: 12px; }
.monitor-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 16px; }
.monitor-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
.monitor-metrics { margin: 8px 0; font-size: .9rem; }
.monitor-admin { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; }
.status-ok { background: var(--success); }
.status-error { background: var(--danger); }
.status-pending { background: var(--warning); }
.status-online { background: var(--success); }
.status-offline { background: var(--danger); }
.btn-secondary { background: none; border: 1px solid var(--border); color: var(--text); padding: 6px 12px; border-radius: 6px; cursor: pointer; }
.btn-danger { background: var(--danger); color: #fff; border: none; padding: 6px 12px; border-radius: 6px; cursor: pointer; }
.btn-danger:hover { opacity: .9; }