From 306befa1c126e9521d295cc28c161c0c6e29f110 Mon Sep 17 00:00:00 2001 From: iris Date: Tue, 9 Jun 2026 15:03:01 +0200 Subject: [PATCH] feat(frontend): add icons to the H0M3 link cards (#1582) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Each home-hub tile now leads with an icon next to its label: ๐Ÿ–ฅ Dashboard, ๐Ÿ“ก Flow, ๐Ÿ“œ Logs, ๐Ÿ“Š Stats, โš™ Settings, ๐Ÿ’ฌ Matrix. Matches the existing emoji nav-icon convention (the per-agent link strip uses ๐Ÿ“Š/๐Ÿ–ฅ/โฌก/โ†ณ). Markup: the label is wrapped with the icon in a .home-tile-head flex row (icon + label on one line, description below). The icon is aria-hidden โ€” decorative, the label carries the accessible name. CSS-only layout addition; no behaviour change. Build green. --- frontend/packages/dashboard/src/home.css | 13 ++++++++++ frontend/packages/dashboard/src/index.html | 30 +++++++++++++++++----- 2 files changed, 37 insertions(+), 6 deletions(-) diff --git a/frontend/packages/dashboard/src/home.css b/frontend/packages/dashboard/src/home.css index 8dd673ff..946ec551 100644 --- a/frontend/packages/dashboard/src/home.css +++ b/frontend/packages/dashboard/src/home.css @@ -51,6 +51,19 @@ body.home-shell { box-shadow: 0 -2px 14px -6px color-mix(in srgb, var(--purple) 50%, transparent); } +/* Icon + label share the top row of each tile; the description sits + below. The icon is decorative (aria-hidden) โ€” the label carries the + accessible name. */ +.home-tile-head { + display: flex; + align-items: center; + gap: 0.55em; +} +.home-tile-icon { + font-size: 1.25em; + line-height: 1; + flex: none; +} .home-tile-label { font-weight: bold; letter-spacing: 0.08em; diff --git a/frontend/packages/dashboard/src/index.html b/frontend/packages/dashboard/src/index.html index d8c51f64..669b40a1 100644 --- a/frontend/packages/dashboard/src/index.html +++ b/frontend/packages/dashboard/src/index.html @@ -29,27 +29,42 @@