Begrüßungs-Karte im Kundenkonto besonders gestaltet
Wandernder Mehrfarb-Verlaufsrand, sanfter Farbschein im Hintergrund, ein Glanz-Sweep, der regelmäßig durchläuft, ein pulsierender Leucht-Ring um den Avatar und zwei funkelnde ✨-Sternchen — dieselbe Formsprache wie beim "Meine Daten"-Knopf, nur größer und ruhiger für gute Lesbarkeit. Respektiert prefers-reduced-motion. Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
57183825a0
commit
fac404190f
@@ -65,6 +65,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
|
||||
<section class="section-tight">
|
||||
<div class="container">
|
||||
<div class="account-head card">
|
||||
<span class="account-head-sparkle account-head-sparkle-1" aria-hidden="true">✨</span>
|
||||
<span class="account-head-sparkle account-head-sparkle-2" aria-hidden="true">✨</span>
|
||||
<div class="account-head-identity">
|
||||
<span class="account-avatar-lg" id="dash-avatar" aria-hidden="true"></span>
|
||||
<div>
|
||||
|
||||
@@ -65,6 +65,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
|
||||
<section class="section-tight">
|
||||
<div class="container">
|
||||
<div class="account-head card">
|
||||
<span class="account-head-sparkle account-head-sparkle-1" aria-hidden="true">✨</span>
|
||||
<span class="account-head-sparkle account-head-sparkle-2" aria-hidden="true">✨</span>
|
||||
<div class="account-head-identity">
|
||||
<span class="account-avatar-lg" id="dash-avatar" aria-hidden="true"></span>
|
||||
<div>
|
||||
|
||||
@@ -65,6 +65,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
|
||||
<section class="section-tight">
|
||||
<div class="container">
|
||||
<div class="account-head card">
|
||||
<span class="account-head-sparkle account-head-sparkle-1" aria-hidden="true">✨</span>
|
||||
<span class="account-head-sparkle account-head-sparkle-2" aria-hidden="true">✨</span>
|
||||
<div class="account-head-identity">
|
||||
<span class="account-avatar-lg" id="dash-avatar" aria-hidden="true"></span>
|
||||
<div>
|
||||
|
||||
@@ -65,6 +65,8 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
|
||||
<section class="section-tight">
|
||||
<div class="container">
|
||||
<div class="account-head card">
|
||||
<span class="account-head-sparkle account-head-sparkle-1" aria-hidden="true">✨</span>
|
||||
<span class="account-head-sparkle account-head-sparkle-2" aria-hidden="true">✨</span>
|
||||
<div class="account-head-identity">
|
||||
<span class="account-avatar-lg" id="dash-avatar" aria-hidden="true"></span>
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user