From 2dfdd521ac6f8f0a155c2e1ea0b34f7a1c9877fa Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 1 Aug 2026 21:30:26 -0700 Subject: Use the official coinos wordmark SVG in the header The full logo from coinos.io (symbol + wordmark as drawn paths) at 28px, inheriting the ink color for both themes; replaces the mark + text pair. Co-Authored-By: Claude Fable 5 --- src/app.js | 3 +-- src/style.css | 6 ++---- 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/src/app.js b/src/app.js index 65b4a08..0938c05 100644 --- a/src/app.js +++ b/src/app.js @@ -1362,8 +1362,7 @@ function brandHeader(withLock) { h( 'div', { class: 'brand', style: 'cursor:pointer', title: t('home'), onClick: goHome }, - h('div', { class: 'logo', html: '' }), - h('h1', {}, t('appTitle')) + h('div', { class: 'logo-full', 'aria-label': 'coinos', role: 'img', html: '' }) ), withLock && h('button', { class: 'btn-sm', onClick: () => { ui.screen = 'accounts'; render(); } }, diff --git a/src/style.css b/src/style.css index 6afbde0..08c96a1 100644 --- a/src/style.css +++ b/src/style.css @@ -103,10 +103,8 @@ summary { cursor: pointer; } /* ---- brand / header ---- */ .brand { display: flex; align-items: center; gap: 10px; } -.logo { - width: 34px; height: 34px; flex: none; color: var(--ink); - display: grid; place-items: center; -} +.logo-full { height: 28px; flex: none; color: var(--ink); display: grid; place-items: center; } +.logo-full svg { height: 28px; width: auto; display: block; } .brand h1 { font-size: 19px; } .badge { -- cgit v1.2.3