Scarriffle/certain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: App-Icon auf Münzen (weg vom Aktien-Look)

Browse Source 
BrandMark + favicon.svg zeigen jetzt zwei Münzen statt der Trendlinie.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Guido
2026-08-19 22:23:01 +02:00
co-authored by Claude Opus 4.8
parent a3ab03aeec
commit 30bc037579
2 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/public/favicon.svg
+6 -3
View File
@@ -1,6 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<rect x="1" y="1" width="30" height="30" rx="8" fill="#4d5cd4" /> <rect x="1" y="1" width="30" height="30" rx="8" fill="#4d5cd4" />
<path d="M8 21 L14 15 L18 18 L24 10" fill="none" stroke="#ffffff" stroke-width="2.6" <g transform="translate(2.2 2.2) scale(1.15)" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
stroke-linecap="round" stroke-linejoin="round" /> <circle cx="8" cy="8" r="6" />
<circle cx="24" cy="10" r="2.1" fill="#ffffff" /> <path d="M18.09 10.37A6 6 0 1 1 10.34 18" />
<path d="M7 6h1v4" />
<path d="m16.71 13.88.7.71-2.82 2.82" />
</g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 356 B

After

Width:  |  Height:  |  Size: 463 B

web/src/components/BrandMark.jsx
+10 -6
View File
@@ -1,7 +1,7 @@
import { APP_NAME } from "../brand"; import { APP_NAME } from "../brand";
// Wort-Bild-Marke für die Seitenleiste. Das Zeichen ist ein Inline-SVG // Wort-Bild-Marke für die Seitenleiste. Das Zeichen ist ein Inline-SVG
// (aufsteigende Trendlinie) im Akzentton – bewusst kein Emoji. // (gestapelte Münzen) im Akzentton – bewusst kein Emoji.
export default function BrandMark({ showName = true, size = 26 }) { export default function BrandMark({ showName = true, size = 26 }) {
return ( return (
<div className="brand-mark"> <div className="brand-mark">
@@ -14,15 +14,19 @@ export default function BrandMark({ showName = true, size = 26 }) {
focusable="false" focusable="false"
> >
<rect x="1" y="1" width="30" height="30" rx="8" fill="var(--accent)" /> <rect x="1" y="1" width="30" height="30" rx="8" fill="var(--accent)" />
<path <g
d="M8 21 L14 15 L18 18 L24 10" transform="translate(2.2 2.2) scale(1.15)"
fill="none" fill="none"
stroke="#ffffff" stroke="#ffffff"
strokeWidth="2.6" strokeWidth="2"
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
/> >
<circle cx="24" cy="10" r="2.1" fill="#ffffff" /> <circle cx="8" cy="8" r="6" />
<path d="M18.09 10.37A6 6 0 1 1 10.34 18" />
<path d="M7 6h1v4" />
<path d="m16.71 13.88.7.71-2.82 2.82" />
</g>
</svg> </svg>
{showName && <span className="brand-name">{APP_NAME}</span>} {showName && <span className="brand-name">{APP_NAME}</span>}
</div> </div>