kbenestad/invoice
1
0
Fork 0
mirror of https://github.com/kbenestad/invoice.git synced 2026-06-18 08:04:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Replace kb-brand with app-wordmark: mark left of invoice text
Some checks are pending
/ mirror (push) Waiting to run
Details

Browse source 
https://claude.ai/code/session_01MkM7p8Us3L8YAfLKGA13NS
This commit is contained in:
Claude 2026-06-08 05:11:32 +00:00
parent 2dde3450d9
commit 3ee874ccee
No known key found for this signature in database
1 changed files with 15 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
app/index.html
View file

@ -156,13 +156,12 @@
gap: 16px; padding-bottom: 14px; margin-bottom: 20px;
border-bottom: 1px solid var(--border);
}
.kb-brand { display: flex; align-items: center; gap: 9px; min-width: 0; }
.kb-brand .org { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; color: var(--text-soft); }
.kb-brand .logo {
height: 28px; width: 28px; flex: 0 0 28px; border-radius: 7px;
display: grid; place-items: center; overflow: hidden; opacity: .82;
.app-wordmark {
display: inline-flex; align-items: center; gap: 8px;
font: 700 var(--fs-h1)/1 var(--font-sans);
color: var(--text); letter-spacing: -0.01em; user-select: none;
}
.kb-brand .logo svg { width: 28px; height: 28px; display: block; }
.app-wordmark svg { flex-shrink: 0; }
.kb-doctitle { text-align: right; }
.kb-doctitle h1 { margin: 0; font-size: var(--fs-h1); font-weight: 700; letter-spacing: -0.01em; color: var(--text); }
@ -374,18 +373,16 @@
<!-- Document header -->
<header class="kb-header">
<div class="kb-brand">
<span class="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28" role="img" aria-label="Invoice">
<rect width="48" height="48" rx="12" fill="var(--accent)"/>
<path d="M14 9 H29 L34 14 V39 H14 Z" fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
<path d="M29 9 V14 H34" fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
<path d="M18.5 20 H27" stroke="#fff" stroke-width="2.6" stroke-linecap="round"/>
<path d="M18.5 25 H29.5" stroke="#fff" stroke-width="2.6" stroke-linecap="round" opacity=".55"/>
<path d="M18.5 33 H29.5" stroke="#fff" stroke-width="3.2" stroke-linecap="round"/>
</svg>
</span>
<span class="org">invoice</span>
<div class="app-wordmark">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28" role="img" aria-label="Invoice">
<rect width="48" height="48" rx="12" fill="var(--accent)"/>
<path d="M14 9 H29 L34 14 V39 H14 Z" fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
<path d="M29 9 V14 H34" fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"/>
<path d="M18.5 20 H27" stroke="#fff" stroke-width="2.6" stroke-linecap="round"/>
<path d="M18.5 25 H29.5" stroke="#fff" stroke-width="2.6" stroke-linecap="round" opacity=".55"/>
<path d="M18.5 33 H29.5" stroke="#fff" stroke-width="3.2" stroke-linecap="round"/>
</svg>
invoice
</div>
<div class="kb-doctitle">
<h1 id="inv-title">Invoice</h1>