Add admin order management with full status workflow.
This commit is contained in:
@@ -188,6 +188,55 @@
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
.admin-alert--ok {
|
||||
background: #d1fae5;
|
||||
color: #065f46;
|
||||
border: 1px solid #a7f3d0;
|
||||
}
|
||||
|
||||
.admin-table__muted {
|
||||
font-size: 0.8rem;
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
.admin-table--orders td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.admin-order-details td {
|
||||
background: #f9fafb;
|
||||
font-size: 0.85rem;
|
||||
color: #6b7280;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.admin-order-items {
|
||||
margin: 8px 0 0;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
.admin-status-form {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.admin-form__input--sm {
|
||||
padding: 8px 10px;
|
||||
font-size: 0.85rem;
|
||||
min-width: 140px;
|
||||
}
|
||||
|
||||
.admin-status-legend {
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.admin-status-legend__grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.admin-hint code {
|
||||
background: #e5e7eb;
|
||||
padding: 2px 6px;
|
||||
|
||||
@@ -391,12 +391,16 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.status--new { background: #dbeafe; color: #1d4ed8; }
|
||||
.status--confirmed { background: #e0e7ff; color: #4338ca; }
|
||||
.status--pending { background: #fef3c7; color: #b45309; }
|
||||
.status--unpaid { background: #fee2e2; color: #b91c1c; }
|
||||
.status--paid { background: #dbeafe; color: #1d4ed8; }
|
||||
.status--new { background: #fef3c7; color: #b45309; }
|
||||
.status--confirmed { background: #dbeafe; color: #1d4ed8; }
|
||||
.status--processing { background: #ede9fe; color: #6d28d9; }
|
||||
.status--shipped { background: #ffedd5; color: #c2410c; }
|
||||
.status--delivered { background: #d1fae5; color: #065f46; }
|
||||
.status--cancelled { background: #f3f4f6; color: #6b7280; }
|
||||
.status--refunded { background: #fce7f3; color: #be185d; }
|
||||
|
||||
.order-timeline {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user