diff options
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/app.js')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/app.js | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/app.js b/packages/meshbay-hub/src/meshbay_hub/static/app.js index 0843d1d..2e3c422 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/app.js +++ b/packages/meshbay-hub/src/meshbay_hub/static/app.js @@ -400,6 +400,11 @@ const ICON_PATHS = { close: ['M6 6l12 12M18 6L6 18'], }; +// The M of the wordmark is a picture; the rest is text. Resolved from this +// module's own URL so the hub's fingerprinted path and the application's +// app:// scheme both come out right without either being named here. +const BRAND_M = new URL('./meshbay-m.png', import.meta.url).href; + function Icon({ name, cls = '' }) { const paths = ICON_PATHS[name]; if (!paths) return null; @@ -579,7 +584,9 @@ function Nav({ user, theme, onThemeChange, onLogout, onMenuToggle, unreadCount, <button class="nav-hamburger" onClick=${onMenuToggle} aria-label="${t('nav.toggle_menu')}"><${Icon} name="menu" /></button> `} - <a class="nav-brand" href="#/">MeshBay</a> + <a class="nav-brand" href="#/"> + <img class="nav-brand-m" src=${BRAND_M} alt="M" />eshBay + </a> </div> <div class="nav-right"> ${user && html`<${TransferWidget} />`} |