feat(design): Pulse-Logo in der Seitenleiste, Wellen bewegen sich sichtbar

Oben links steht jetzt das Pulse-Logo statt des perinco-Logos; der
Schriftzug "Pulse" daneben ist damit doppelt und entfaellt. Das Logo ist
freigestellt (grauer Grund und Bildrauschen entfernt, auf 140 px Hoehe
zugeschnitten) und wird im Dunkelmodus nicht umgefaerbt - die Wuerfel
sind gruen und sollen gruen bleiben.

Die schaukelnden Huegel im hellen Aura lagen als Hintergrundbild und
wurden ueber background-position bewegt; bei diesen breiten Formen war
das nicht zu sehen. Sie liegen nun in einer eigenen Ebene und wandern
per transform 26 px hin und her, dazu 5 px auf und ab.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
schakal00783
2026-09-17 23:30:02 +02:00
co-authored by Claude Opus 5
parent 413104ae73
commit 7c8823dbca
4 changed files with 59 additions and 30 deletions
+6 -7
View File
@@ -62,13 +62,12 @@ export const Sidebar: React.FC<SidebarProps> = ({ current, onNavigate, collapsed
{collapsed ? (
<PulseMark size={34} />
) : (
<div className="flex w-full items-center justify-between gap-2">
<img src="/logo.png" alt="perinco" className="logo-adaptive h-9 w-auto" />
<span className="flex items-center gap-1.5 rounded-full bg-brand-50 px-2.5 py-1 text-xs font-extrabold tracking-wide text-brand-700">
<PulseMark size={14} bare />
Pulse
</span>
</div>
/*
* Das Pulse-Logo traegt den Namen selbst, deshalb steht daneben kein
* Schriftzug mehr. Kein logo-adaptive: die Wuerfel sind gruen und
* sollen im Dunkelmodus nicht umgefaerbt werden.
*/
<img src="/pulse-logo.png" alt="Pulse" className="h-10 w-auto max-w-full object-contain" />
)}
</button>