diff --git a/bin/lib/admin.js b/bin/lib/admin.js index defc15f..86db1cd 100644 --- a/bin/lib/admin.js +++ b/bin/lib/admin.js @@ -157,8 +157,14 @@ function generateDashboardHTML(servicesWithStatus, refreshInterval = 5000) { .sidebar h2 { font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin:0 0 4px; color:#94a3b8; } .service-list { list-style:none; margin:0; padding:0; } .service-list li { margin:0 0 6px; } - .svc-link { display:flex; align-items:center; gap:8px; padding:6px 10px; border-radius:6px; font-size:.85rem; line-height:1.2; background:#334155; transition:background .15s ease; } + .svc-link { display:flex; align-items:center; gap:8px; padding:6px 10px; border-radius:6px; font-size:.85rem; line-height:1.2; background:#334155; transition:background .15s ease; cursor:pointer; text-decoration:none; color:#e2e8f0; } .svc-link:hover { background:#475569; } + .svc-link.active { background:#0369a1; } + .nav-section { margin-bottom:20px; } + .nav-link { display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:6px; font-size:.85rem; line-height:1.2; background:#334155; transition:background .15s ease; cursor:pointer; text-decoration:none; color:#e2e8f0; margin-bottom:6px; } + .nav-link:hover { background:#475569; } + .nav-link.active { background:#0369a1; font-weight:600; } + .nav-icon { font-size:1rem; } .dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; box-shadow:0 0 0 2px rgba(0,0,0,0.15) inset; } .dot.up { background:#0d9488; } .dot.down { background:#dc2626; } @@ -218,11 +224,15 @@ function generateDashboardHTML(servicesWithStatus, refreshInterval = 5000) { .dot.starting { background:#f59e0b; } .dot.external { background:#8b5cf6; } + .page-container { display:none; } + .page-container.active { display:block; } + @media (max-width: 920px) { .layout { flex-direction:column; } .sidebar { width:100%; flex-direction:row; flex-wrap:wrap; } .service-list { display:flex; flex-wrap:wrap; gap:8px; } .service-list li { margin:0; } } + +