style(vault): add .roomtag CSS (bottom-right pill, gilds on hover) — the room-preview tag was rendering unstyled

518c9d5a7bcb2632e9faf54c51fb3f6e008cd909 · 2026-07-02 10:03:40 -0700 · Steve

Files touched

M public/index.html

Diff

commit 518c9d5a7bcb2632e9faf54c51fb3f6e008cd909
Author: Steve <steve@designerwallcoverings.com>
Date:   Thu Jul 2 10:03:40 2026 -0700

    style(vault): add .roomtag CSS (bottom-right pill, gilds on hover) — the room-preview tag was rendering unstyled
---
 public/index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/public/index.html b/public/index.html
index ff6a200..12b42f7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,6 +19,8 @@ select,input[type=range]{background:var(--card);color:var(--ink);border:1px soli
 .card{position:relative}
 .card.orig{border-color:#d4af6a55}
 .origtag{position:absolute;top:8px;left:8px;background:#0d0a16e0;border:1px solid var(--gold);color:var(--gold);font-size:9.5px;letter-spacing:.09em;font-weight:600;padding:3px 7px;border-radius:99px}
+.roomtag{position:absolute;bottom:8px;right:8px;background:#0d0a16d0;border:1px solid var(--line);color:var(--mut);font-size:9.5px;padding:3px 7px;border-radius:99px;pointer-events:none}
+.card:hover .roomtag{color:var(--gold);border-color:var(--gold)}
 #inhouseBand b{color:var(--gold)}
 .card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#221d2c}
 .pad{padding:12px 14px 16px}

← fea7e23 fix(vault): clean render patch for room hover-swap (heredoc · back to Pattern Vault · feat: trend board loop closed — mark 6/7 hot lanes FILLED by 831c5ad →