rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-03-22 13:19:50 +01:00
Code Issues Releases Activity

(feat) add cart status color

Browse Source
This commit is contained in:
Du Peng 2022-09-14 09:37:14 +02:00
parent 007f7d55ba
commit 9b3a1c0634
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/frontend/src/javascript/lib/order.ts
View File

@ -53,6 +53,8 @@ export default class OrderLib {
*/
static statusColor = (order: Order) => {
switch (order.state) {
case 'cart':
return 'cart';
case 'payment':
if (order.payment_state === 'failed') {
return 'error';

3
app/frontend/src/stylesheets/modules/store/order-item.scss
View File

@ -17,6 +17,7 @@
}
.fab-state-label {
--status-color: var(--success);
&.cart { --status-color: var(--secondary-light); }
&.error { --status-color: var(--alert); }
&.canceled { --status-color: var(--alert-light); }
&.pending { --status-color: var(--information); }
@ -45,4 +46,4 @@
}
p { @include text-base(600); }
}
}
}

5
app/frontend/src/stylesheets/modules/store/orders.scss
View File

@ -21,7 +21,7 @@
}
.show-order {
&-nav {
&-nav {
max-width: 1600px;
margin: 0 auto;
@include grid-col(12);
@ -102,9 +102,10 @@
.fab-state-label {
--status-color: var(--success);
&.cart { --status-color: var(--secondary-light); }
&.error { --status-color: var(--alert); }
&.canceled { --status-color: var(--alert-light); }
&.pending { --status-color: var(--information); }
&.normal { --status-color: var(--success); }
}
}
}