30 lines
1.8 KiB
CSS
30 lines
1.8 KiB
CSS
.vr-wrap { padding: 16px; max-width: 920px; }
|
|
.vr-head { display: flex; align-items: baseline; gap: 14px; }
|
|
.vr-head h2 { margin: 0; }
|
|
.card { background: #fff; border: 1px solid #d2d2d2; border-radius: 6px;
|
|
padding: 16px; margin-top: 16px; font-family: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif; }
|
|
.card-head { display: flex; align-items: center; justify-content: space-between; }
|
|
.card h3 { margin: 0 0 10px 0; }
|
|
.card-head h3 { margin: 0; }
|
|
table { border-collapse: collapse; width: 100%; margin-top: 6px; }
|
|
th, td { text-align: left; padding: 6px 10px; border-bottom: 1px solid #ededed; font-size: 14px; }
|
|
th { color: #6a6e73; font-weight: 600; }
|
|
.pill { padding: 2px 8px; border-radius: 10px; font-size: 12px; white-space: nowrap; }
|
|
.ok { background: #bde5b8; color: #1e4f18; }
|
|
.bad { background: #f0b8b8; color: #5f1414; }
|
|
.warn { background: #f5d9a8; color: #5f4414; }
|
|
.bar { height: 10px; border-radius: 5px; background: #e5e5e5; overflow: hidden; max-width: 320px; margin: 4px 0; }
|
|
.bar-fill { height: 100%; transition: width 0.3s; }
|
|
.bar-fill.ok { background: #3e8635; }
|
|
.bar-fill.warn { background: #e08a00; }
|
|
.bar-fill.crit { background: #c9190b; }
|
|
.muted { color: #6a6e73; font-size: 12px; }
|
|
.ap-band + .ap-band { border-top: 1px solid #ededed; margin-top: 10px; padding-top: 4px; }
|
|
.active-wan { font-weight: 700; color: #0066cc; }
|
|
.btn { margin-left: 6px; padding: 3px 10px; cursor: pointer; }
|
|
.btn[disabled] { cursor: default; opacity: 0.5; }
|
|
#deploywarn-card { border-color: #e08a00; }
|
|
.warn-list { margin: 0; padding-left: 20px; }
|
|
.warn-list li { background: #f5d9a8; color: #5f4414; border-radius: 4px;
|
|
padding: 4px 8px; margin: 4px 0; list-style: none; margin-left: -20px; }
|