mirror of
https://github.com/kiddin9/op-packages.git
synced 2026-09-12 03:14:48 +08:00
94 lines
2.8 KiB
CSS
94 lines
2.8 KiB
CSS
/* ── CSS custom properties (same palette as wanstatus.css, duplicated so
|
|
this page doesn't depend on wanstatus.css having been loaded first) ── */
|
|
:root {
|
|
--diag-bg: #ffffff;
|
|
--diag-border: #e2e6ea;
|
|
--diag-text: #1a2332;
|
|
--diag-muted: #6b7a8d;
|
|
--diag-ok: #22c55e;
|
|
--diag-warn: #f59e0b;
|
|
--diag-err: #ef4444;
|
|
--diag-ok-bg: #f0fdf4;
|
|
--diag-warn-bg: #fffbeb;
|
|
--diag-err-bg: #fef2f2;
|
|
--diag-ok-border: #bbf7d0;
|
|
--diag-warn-border:#fde68a;
|
|
--diag-err-border: #fecaca;
|
|
--diag-radius: 10px;
|
|
}
|
|
|
|
.omrdiag-summary {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
margin: 10px 0 20px 0;
|
|
}
|
|
|
|
.omrdiag-issue {
|
|
display: flex;
|
|
gap: 10px;
|
|
align-items: flex-start;
|
|
padding: 10px 14px;
|
|
border-radius: var(--diag-radius);
|
|
border: 1px solid var(--diag-border);
|
|
background: var(--diag-bg);
|
|
}
|
|
.omrdiag-issue.ok { border-color: var(--diag-ok-border); background: var(--diag-ok-bg); }
|
|
.omrdiag-issue.warning { border-color: var(--diag-warn-border); background: var(--diag-warn-bg); }
|
|
.omrdiag-issue.error { border-color: var(--diag-err-border); background: var(--diag-err-bg); }
|
|
|
|
.omrdiag-issue .omrdiag-dot {
|
|
flex: 0 0 10px;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
margin-top: 5px;
|
|
background: var(--diag-muted);
|
|
}
|
|
.omrdiag-issue.ok .omrdiag-dot { background: var(--diag-ok); }
|
|
.omrdiag-issue.warning .omrdiag-dot { background: var(--diag-warn); }
|
|
.omrdiag-issue.error .omrdiag-dot { background: var(--diag-err); }
|
|
|
|
.omrdiag-issue .omrdiag-body { flex: 1; min-width: 0; }
|
|
.omrdiag-issue .omrdiag-message { font-weight: 700; color: var(--diag-text); }
|
|
.omrdiag-issue .omrdiag-detail { font-size: 12px; color: var(--diag-muted); margin-top: 3px; line-height: 1.5; }
|
|
|
|
.omrdiag-wan-table,
|
|
.omrdiag-counters-table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
margin: 8px 0 18px 0;
|
|
}
|
|
.omrdiag-wan-table th,
|
|
.omrdiag-wan-table td,
|
|
.omrdiag-counters-table th,
|
|
.omrdiag-counters-table td {
|
|
border: 1px solid var(--diag-border);
|
|
padding: 6px 10px;
|
|
text-align: left;
|
|
font-size: 12.5px;
|
|
}
|
|
.omrdiag-wan-table th,
|
|
.omrdiag-counters-table th {
|
|
background: rgba(0,0,0,.03);
|
|
font-weight: 700;
|
|
}
|
|
.omrdiag-badge {
|
|
display: inline-block;
|
|
padding: 1px 8px;
|
|
border-radius: 999px;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
}
|
|
.omrdiag-badge.ok { background: var(--diag-ok-bg); color: #15803d; border: 1px solid var(--diag-ok-border); }
|
|
.omrdiag-badge.warning { background: var(--diag-warn-bg); color: #b45309; border: 1px solid var(--diag-warn-border); }
|
|
.omrdiag-badge.error { background: var(--diag-err-bg); color: #b91c1c; border: 1px solid var(--diag-err-border); }
|
|
|
|
.omrdiag-counters-table td.omrdiag-nonzero { font-weight: 700; color: #b45309; }
|
|
|
|
.omrdiag-updated {
|
|
font-size: 11px;
|
|
color: var(--diag-muted);
|
|
margin-bottom: 6px;
|
|
}
|