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:
co-authored by
Claude Opus 5
parent
413104ae73
commit
7c8823dbca
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user