alee/relicario
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

feat(ext/vault): sidebar logo before "Relicario" wordmark

Browse Source 
Renders the 16-optimized SVG (icons/relicario-logo-16.svg) inline
before the brand text in .vault-sidebar__header. Sized to 20×20 px
with flex-shrink: 0 so it survives narrow-pane wraps. The header
already had display: flex + gap: 8px, so the layout absorbed the new
element without further changes. Popup surface is untouched (this
override is scoped to .vault-sidebar__header .brand-logo).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken
2026-05-03 18:53:09 -04:00
parent b2749826b1
commit 3021ef9d9f
3 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
extension/src/vault/vault.css
View File

@@ -1290,6 +1290,13 @@ textarea {
align-items: center;
gap: 8px;
}
.vault-sidebar__header .brand-logo {
width: 20px;
height: 20px;
margin: 0;
display: block;
flex-shrink: 0;
}
.vault-sidebar__search {
padding: 8px 12px;

1
extension/src/vault/vault.ts
View File

@@ -258,6 +258,7 @@ function renderShell(app: HTMLElement): void {
app.innerHTML = `
<div class="vault-sidebar">
<div class="vault-sidebar__header">
<img class="brand-logo" src="icons/relicario-logo-16.svg" alt="">
<span class="brand">Relicario</span>
</div>
<div class="vault-sidebar__search">