DogFatherGit/vans-diy-bastelbedarf
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

Kundenkonto: einheitlicher "premium" Look für alle Kisten + größerer Avatar

Browse Source 
Größeres Profilbild in der "Mein Konto"-Karte. Alle vier Navigations-
Knöpfe (Bestellungen/Offene Sendungen/Wunschliste/Meine Daten) haben jetzt
denselben besonderen Stil wie vorher nur "Meine Daten": wanderndes Verlaufs-
licht in der eigenen Akzentfarbe, pulsierender Glanzrand, funkelndes
Sternchen und Farbverlauf-Text — nur die Farbe unterscheidet sich pro
Knopf. Der "Meine Daten"-Inhaltsbereich (Profilkarte) bekommt dieselbe
"mega besondere" Behandlung wie die Begrüßungs-Karte (wandernder Verlaufs-
rand, Farbschein, Glanz-Sweep, Sternchen). Bestellkarten bekommen einen
passenden dezenten Glanz-Sweep und pulsierenden Schein in ihrer Status-
farbe für ein stimmigeres Gesamtbild.

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
2026-08-03 14:20:17 +02:00
co-authored by Claude Sonnet 5
parent 8873c5e8eb
commit e523d6f0e5
5 changed files with 118 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/en/konto/angemeldet.astro
+5
View File
@@ -87,16 +87,19 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
Abschnitt weiter unten, Icon und Akzentfarbe passen zur jeweiligen Überschrift. */}
<nav class="account-nav" aria-label={t.accountDash.navLabel}>
<button type="button" class="account-nav-item account-nav-orders" data-tab="bestellungen">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">📦</span>
<span class="account-nav-value">{angekommeneBestellungen}</span>
<span class="account-nav-label">{t.accountDash.statOrders}</span>
</button>
<button type="button" class="account-nav-item account-nav-open" data-tab="offene">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">🚚</span>
<span class="account-nav-value">{offeneSendungen}</span>
<span class="account-nav-label">{t.accountDash.statOpen}</span>
</button>
<button type="button" class="account-nav-item account-nav-wishlist" data-tab="wunschliste">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">🩵</span>
<span class="account-nav-value">0</span>
<span class="account-nav-label">{t.accountDash.statWishlist}</span>
@@ -239,6 +242,8 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
<div class="container">
<h2>{t.accountDash.profileTitle}</h2>
<div class="card profile-card">
<span class="profile-card-sparkle profile-card-sparkle-1" aria-hidden="true">✨</span>
<span class="profile-card-sparkle profile-card-sparkle-2" aria-hidden="true">✨</span>
<div class="profile-photo-row">
<span class="account-avatar-lg" id="profile-avatar" aria-hidden="true"></span>
<div>