@@ -224,4 +224,34 @@ input, textarea, select { font: inherit; }
|
||||
.news-origin { color: var(--color-primary); margin-left: auto; }
|
||||
.news-content { font-size: 15px; line-height: 1.75; color: #333; white-space: pre-wrap; word-break: break-word; }
|
||||
.news-content-empty { margin-top: 12px; font-size: 12px; color: var(--color-muted); }
|
||||
/* ================== 监控页 ================== */
|
||||
.monitor-content { padding: 0 0 16px; }
|
||||
.monitor-content .adm-tabs-content { --content-padding: 0; }
|
||||
.monitor-tip { font-size: 11px; color: var(--color-muted); padding: 8px 14px 2px; }
|
||||
.monitor-loading { padding: 40px 0; text-align: center; color: var(--color-muted); font-size: 13px; }
|
||||
.monitor-empty { padding: 48px 0; }
|
||||
.retry-link { color: var(--color-primary); margin-left: 8px; }
|
||||
.server-list { padding: 0 12px; }
|
||||
.server-card.adm-card { border-radius: 10px; margin: 0; }
|
||||
.server-card:active .adm-card-body { background: #f5f5f5; }
|
||||
.server-card .adm-card-body { padding: 12px; }
|
||||
.server-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
|
||||
.server-name { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 15px; color: var(--color-text); }
|
||||
.status-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
|
||||
.status-dot.on { background: #00b578; box-shadow: 0 0 0 3px rgba(0, 181, 120, 0.15); }
|
||||
.status-dot.off { background: #ff3141; box-shadow: 0 0 0 3px rgba(255, 49, 65, 0.15); }
|
||||
.server-update { font-size: 11px; color: var(--color-muted); }
|
||||
.server-metrics { display: flex; flex-direction: column; gap: 6px; }
|
||||
.metric { display: grid; grid-template-columns: 34px 1fr 96px; align-items: center; gap: 8px; }
|
||||
.metric-label { font-size: 12px; color: var(--color-muted); }
|
||||
.metric-value { font-size: 11px; color: var(--color-text); text-align: right; font-variant-numeric: tabular-nums; }
|
||||
.meter { height: 6px; border-radius: 3px; background: #f0f0f0; overflow: hidden; }
|
||||
.meter-fill { height: 100%; border-radius: 3px; background: var(--color-primary); transition: width 0.4s ease; }
|
||||
.meter-fill.warn { background: #ff3141; }
|
||||
.server-foot { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--color-border); font-size: 11px; color: var(--color-muted); }
|
||||
/* 节点详情图表 */
|
||||
.server-detail { padding: 10px 12px 20px; display: flex; flex-direction: column; gap: 10px; }
|
||||
.chart-card.adm-card { border-radius: 10px; margin: 0; }
|
||||
.chart-card .adm-card-body { padding: 12px 8px 8px; }
|
||||
.chart-title { font-size: 13px; font-weight: 600; color: var(--color-text); padding: 0 4px 6px; }
|
||||
.scroll-sentinel { text-align: center; padding: 14px 0 4px; color: var(--color-muted); font-size: 12px; }
|
||||
|
||||
Reference in New Issue
Block a user