Xor290/projet_gestion_commande
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: build
Frontend Web - Build & Lint / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Xor290
2026-06-27 19:50:49 +02:00
parent a8a3cdeed9
commit 7e6629167f
1 changed files with 44 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-prep/src/pages/User/ConsultationHistorique.css
+44 -13
View File
@@ -20,6 +20,7 @@
font-weight: 700; font-weight: 700;
color: var(--text); color: var(--text);
margin: 0 0 1.25rem 0; margin: 0 0 1.25rem 0;
margin-top: -70px;
} }
/* ============================================ /* ============================================
@@ -47,7 +48,10 @@
align-items: center; align-items: center;
text-align: center; text-align: center;
gap: 0.35rem; gap: 0.35rem;
transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; transition:
transform 0.2s,
border-color 0.2s,
box-shadow 0.2s;
cursor: default; cursor: default;
} }
@@ -79,18 +83,32 @@
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
.stat-icon.icon-total-orders { background: linear-gradient(135deg, #7c3aed, #6d28d9); } .stat-icon.icon-total-orders {
.stat-icon.icon-total { background: linear-gradient(135deg, #f59e0b, #d97706); } background: linear-gradient(135deg, #7c3aed, #6d28d9);
.stat-icon.icon-penalty-ok { background: rgba(100, 116, 139, 0.3); color: var(--text-muted); } }
.stat-icon.icon-penalty-warning { background: linear-gradient(135deg, #f59e0b, #d97706); } .stat-icon.icon-total {
background: linear-gradient(135deg, #f59e0b, #d97706);
}
.stat-icon.icon-penalty-ok {
background: rgba(100, 116, 139, 0.3);
color: var(--text-muted);
}
.stat-icon.icon-penalty-warning {
background: linear-gradient(135deg, #f59e0b, #d97706);
}
.stat-icon.icon-penalty-critical { .stat-icon.icon-penalty-critical {
background: linear-gradient(135deg, #ef4444, #dc2626); background: linear-gradient(135deg, #ef4444, #dc2626);
animation: pulse-danger 2s ease-in-out infinite; animation: pulse-danger 2s ease-in-out infinite;
} }
@keyframes pulse-danger { @keyframes pulse-danger {
0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5); } 0%,
50% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); } 100% {
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5);
}
50% {
box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
}
} }
.stat-value { .stat-value {
@@ -101,8 +119,12 @@
line-height: 1; line-height: 1;
} }
.stat-value.value-danger { color: #ef4444; } .stat-value.value-danger {
.stat-value.value-warning { color: #f59e0b; } color: #ef4444;
}
.stat-value.value-warning {
color: #f59e0b;
}
.stat-label { .stat-label {
color: var(--text-muted); color: var(--text-muted);
@@ -125,7 +147,9 @@
padding: 0.875rem 1rem; padding: 0.875rem 1rem;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
cursor: pointer; cursor: pointer;
transition: background 0.2s, border-color 0.2s; transition:
background 0.2s,
border-color 0.2s;
} }
.referral-btn-row:hover { .referral-btn-row:hover {
@@ -328,7 +352,10 @@
border-radius: 12px; border-radius: 12px;
padding: 1rem 1.125rem; padding: 1rem 1.125rem;
cursor: pointer; cursor: pointer;
transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s; transition:
transform 0.15s,
border-color 0.15s,
box-shadow 0.15s;
} }
.order-card:hover { .order-card:hover {
@@ -449,7 +476,9 @@
} }
@keyframes spin { @keyframes spin {
to { transform: rotate(360deg); } to {
transform: rotate(360deg);
}
} }
.loading-text { .loading-text {
@@ -521,7 +550,9 @@
font-size: 0.95rem; font-size: 0.95rem;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
transition: opacity 0.2s, transform 0.2s; transition:
opacity 0.2s,
transform 0.2s;
} }
.browse-button:hover { .browse-button:hover {