kbenestad/invoice
1
0
Fork 0
mirror of https://github.com/kbenestad/invoice.git synced 2026-06-18 16:14:33 +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

17
app/index.html
View file

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