style(health): blackflame styling for tile alt control + LAN-only marker

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
root
2026-06-08 00:58:30 +10:00
parent d91e5e75c8
commit d5adfb5054

View File

@@ -450,6 +450,18 @@ ul.plain li:last-child { border-bottom: none; }
.tile.status-unknown .dot { background: var(--muted); }
.tile-go { color: var(--lb); font-size: 12px; opacity: 0; transition: opacity .25s; }
.tile:hover .tile-go { opacity: 1; }
/* Tile root is a div hosting a stretched primary link + a small alt control. */
.tile { position: relative; }
.tile-link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.tile-alt { position: absolute; top: 6px; right: 6px; z-index: 2; display: inline-flex;
align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 12px;
line-height: 1; border-radius: 6px; text-decoration: none; opacity: 0; transition: opacity .2s;
color: var(--muted); background: #20202a; border: 1px solid var(--border); }
.tile:hover .tile-alt, .tile:focus-within .tile-alt { opacity: 1; }
.tile-alt:hover { color: var(--lb); border-color: #37404a; }
.tile.lan-only { opacity: .55; }
.tile-lan { position: absolute; bottom: 6px; right: 8px; z-index: 2; font-family: var(--font-mono);
font-size: 9px; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); pointer-events: none; }
/* ===== Collapsible chrome + responsive layout (Plan 6 polish) ===== */
:root { --sidebar-w-min: 0px; }