Bestellstatus im Kundenkonto deutlich sichtbar unterscheiden (unterwegs vs. angekommen)

Bisher unterschied sich der Status nur durch eine kleine, ähnlich gefärbte
Pille — auf einen Blick kaum zu erkennen. Jetzt bekommt jede Bestellkarte
einen eigenen farbigen Rand plus dezenten Farbschein passend zum Status
(Blau = versendet/unterwegs, Grün = abgeschlossen/angekommen, Gold = in
Bearbeitung/Versand wird vorbereitet, Violett = bezahlt), zusätzlich ein
Icon direkt in der Status-Pille (🚚 unterwegs,  angekommen, usw.) — genau
wie schon bei den Zahlungskarten im Checkout.

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
2026-08-03 13:19:52 +02:00
co-authored by Claude Sonnet 5
parent 5b14630986
commit 3c0747eb5b
5 changed files with 38 additions and 6 deletions
+1 -1
View File
@@ -98,7 +98,7 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
<h2>{t.accountDash.ordersTitle}</h2>
<div class="order-list">
{beispielBestellungen.map((b) => (
<div class="card order-card">
<div class={`card order-card order-card-${b.status}`}>
<div class="order-card-head">
<div>
<span class="order-no">{t.accountDash.orderNo} {b.nummer}</span>