From 3f7fcf47edd47105acca4bf523852be994e6571a Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 8 Jun 2026 04:19:10 +0000 Subject: [PATCH] Add subtle app bar with reimburse glyph MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Thin 34px strip at the top of the page — the reimburse icon (card/ banknote outline glyph from dev/design_assets/reimburse-glyph.svg) at 16px, 50% opacity, in var(--text-muted). One hairline border below. aria-hidden so it is invisible to screen readers. https://claude.ai/code/session_01JyuActqTJG5tuRQNLmT7fZ --- app/index.html | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/app/index.html b/app/index.html index e457bad..f927926 100644 --- a/app/index.html +++ b/app/index.html @@ -332,6 +332,13 @@ body{ .kb-footer a:hover{color:var(--accent);text-decoration:underline;} .kb-footer .sep{opacity:.45;} +/* ── App bar ──────────────────────────────────────────────────────────────── */ +.app-bar{ + height:34px;display:flex;align-items:center;padding:0 20px; + border-bottom:1px solid var(--border);background:var(--surface); +} +.app-bar svg{width:16px;height:16px;color:var(--text-muted);opacity:.5;} + /* ── Loading ──────────────────────────────────────────────────────────────── */ .kb-loading{text-align:center;padding:80px;color:var(--text-muted);} @@ -345,6 +352,13 @@ body{ +

Loading configuration…