diff --git a/static/style.css b/static/style.css index 04dcfbf..4fdf55a 100644 --- a/static/style.css +++ b/static/style.css @@ -416,6 +416,37 @@ a:hover { text-decoration: underline; text-shadow: var(--glow-amber); } border-style: dashed; } +/* Dashed 10G line (for off-rack/table host) */ +.topo-line-dashed { + background: none; + border-left: 1px dashed var(--green); + opacity: .4; +} + +/* 1G management band — horizontal amber dashed line with label */ +.topo-mgmt-band { + display: flex; + align-items: center; + gap: 6px; + padding: 0 8px; + height: 16px; +} + +.topo-mgmt-label { + font-size: .52em; + color: var(--amber); + opacity: .65; + white-space: nowrap; + letter-spacing: .04em; +} + +.topo-mgmt-line { + flex: 1; + height: 1px; + border-top: 1px dashed var(--amber); + opacity: .4; +} + /* ── Host cards ───────────────────────────────────────────────────── */ .host-grid { display: grid; diff --git a/templates/index.html b/templates/index.html index b9dccfb..a787c3c 100644 --- a/templates/index.html +++ b/templates/index.html @@ -73,58 +73,48 @@ - +