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:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user