feat(mini-user): logistics sign photos, dial, ETA and courier callbacks (v3.4.13)
Extend Courier adapter for XFX sign photos and route callbacks; mini-user logistics UI with timeline, phone dial, and estimated arrival. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -542,6 +542,35 @@
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.order-logistics-preview-block {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.order-logistics-eta {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
color: var(--color-on-surface-variant);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.order-logistics-phone-link {
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.order-logistics-sign-photos {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.order-logistics-sign-photo {
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
border-radius: 8px;
|
||||
background: var(--color-surface-container);
|
||||
}
|
||||
|
||||
.order-row-value--link {
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
@@ -550,6 +579,10 @@
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.order-logistics-timeline--complete .order-logistics-timeline-item:not(:last-child)::before {
|
||||
background: rgba(166, 29, 36, 0.35);
|
||||
}
|
||||
|
||||
.order-logistics-timeline-item {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
@@ -571,6 +604,15 @@
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.order-logistics-timeline-item--done .order-logistics-timeline-dot {
|
||||
background: var(--color-heritage-red);
|
||||
box-shadow: 0 0 0 1px var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.order-logistics-timeline-item--done:not(:last-child)::before {
|
||||
background: rgba(166, 29, 36, 0.35);
|
||||
}
|
||||
|
||||
.order-logistics-timeline-dot {
|
||||
flex-shrink: 0;
|
||||
width: 11px;
|
||||
@@ -584,7 +626,7 @@
|
||||
|
||||
.order-logistics-timeline-item--latest .order-logistics-timeline-dot {
|
||||
background: var(--color-heritage-red);
|
||||
box-shadow: 0 0 0 1px var(--color-heritage-red);
|
||||
box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.25);
|
||||
}
|
||||
|
||||
.order-logistics-timeline-body {
|
||||
@@ -600,8 +642,13 @@
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.order-logistics-timeline-item--done .order-logistics-timeline-status {
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.order-logistics-timeline-item--latest .order-logistics-timeline-status {
|
||||
color: var(--color-heritage-red);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.order-logistics-node {
|
||||
|
||||
Reference in New Issue
Block a user