feat(quick-260907-fgv): Anmeldeseite zeigt Logo links, Text rechts daneben

Auf Wunsch des Users stehen Bildmarke und Text auf dem gelben Anmelde-Panel jetzt
nebeneinander statt untereinander — dieselbe Anordnung wie in der gelieferten Datei
tessera-logo-schriftzug.svg: links die Marke, rechts der Name und darunter der
Untertitel.

Dafuer nimmt die horizontale Variante der Marken-Komponente einen optionalen
Untertitel entgegen. Die gestapelte Variante entfaellt — sie war nach dieser
Umstellung nirgends mehr im Einsatz, alle uebrigen fuenf Stellen standen schon vorher
nebeneinander.

Der Test auf die entfallene Variante wurde nicht geloescht, sondern durch zwei Tests
auf das neue Verhalten ersetzt: einer prueft, dass ohne Angabe kein Untertitel
erscheint, der andere die tatsaechliche Reihenfolge im Dokument (Marke vor Name, Name
vor Untertitel) statt nur deren Vorhandensein. Die Erwartungstexte sind von Hand
geschrieben und nicht aus derselben Quelle gebildet, aus der die Komponente sie zieht.

222/222 Web-Tests gruen, Typpruefung sauber, im Browser gegengeprueft.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01K5jtbGzC5Sf9npJ3JCjKhq
This commit is contained in:
2026-09-07 11:41:07 +02:00
parent f8d7da073b
commit 11c0ec63cb
3 changed files with 64 additions and 29 deletions
+10 -5
View File
@@ -43,11 +43,16 @@ export default function LoginPage() {
className="hidden md:flex md:flex-1 items-center justify-center"
style={{ backgroundColor: BRAND_YELLOW }}
>
<div className="flex flex-col items-center gap-6 px-8 text-center text-gray-900">
<TesseraLogo variant="stacked" size={112} plateOutline={false} />
<p className="text-xl text-gray-800 max-w-md leading-relaxed">
{t('branding.tagline')}
</p>
<div className="px-8 text-gray-900">
<TesseraLogo
variant="horizontal"
size={104}
plateOutline={false}
tagline={t('branding.tagline')}
className="gap-6"
wordmarkClassName="text-5xl"
taglineClassName="text-lg text-gray-800 max-w-xs"
/>
</div>
</div>