From d5adfb5054d4667022e05f683fb2ddc43d243563 Mon Sep 17 00:00:00 2001 From: root Date: Mon, 8 Jun 2026 00:58:30 +1000 Subject: [PATCH] style(health): blackflame styling for tile alt control + LAN-only marker Co-Authored-By: Claude Opus 4.8 --- public/style.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/public/style.css b/public/style.css index f1b6bd7..3c1666b 100644 --- a/public/style.css +++ b/public/style.css @@ -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; }