diff --git a/frontend-prep/src/pages/User/ConsultationHistorique.css b/frontend-prep/src/pages/User/ConsultationHistorique.css index 49cd40c6..8cc74d79 100644 --- a/frontend-prep/src/pages/User/ConsultationHistorique.css +++ b/frontend-prep/src/pages/User/ConsultationHistorique.css @@ -20,6 +20,7 @@ font-weight: 700; color: var(--text); margin: 0 0 1.25rem 0; + margin-top: -70px; } /* ============================================ @@ -47,7 +48,10 @@ align-items: center; text-align: center; 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; } @@ -79,18 +83,32 @@ margin-bottom: 0.25rem; } -.stat-icon.icon-total-orders { background: linear-gradient(135deg, #7c3aed, #6d28d9); } -.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-total-orders { + background: linear-gradient(135deg, #7c3aed, #6d28d9); +} +.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 { background: linear-gradient(135deg, #ef4444, #dc2626); animation: pulse-danger 2s ease-in-out infinite; } @keyframes pulse-danger { - 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); } + 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 { @@ -101,8 +119,12 @@ line-height: 1; } -.stat-value.value-danger { color: #ef4444; } -.stat-value.value-warning { color: #f59e0b; } +.stat-value.value-danger { + color: #ef4444; +} +.stat-value.value-warning { + color: #f59e0b; +} .stat-label { color: var(--text-muted); @@ -125,7 +147,9 @@ padding: 0.875rem 1rem; margin-bottom: 1.25rem; cursor: pointer; - transition: background 0.2s, border-color 0.2s; + transition: + background 0.2s, + border-color 0.2s; } .referral-btn-row:hover { @@ -328,7 +352,10 @@ border-radius: 12px; padding: 1rem 1.125rem; 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 { @@ -449,7 +476,9 @@ } @keyframes spin { - to { transform: rotate(360deg); } + to { + transform: rotate(360deg); + } } .loading-text { @@ -521,7 +550,9 @@ font-size: 0.95rem; font-weight: 600; cursor: pointer; - transition: opacity 0.2s, transform 0.2s; + transition: + opacity 0.2s, + transform 0.2s; } .browse-button:hover {