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

chore: update

Browse Source
This commit is contained in:
Xor290
2026-03-30 20:02:39 +02:00
parent 32e129da31
commit 25cd6429f2
32 changed files with 1024 additions and 540 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-prep/src/pages/User/ConsultationHistorique.css
+29 -33
View File
@@ -10,7 +10,7 @@
padding-top: calc(60px + clamp(1rem, 3vw, 2rem));
max-width: 1400px;
margin: 0 auto;
background: linear-gradient(to bottom, #0a0a0a, #1a1a1a);
background: linear-gradient(to bottom, var(--bg), var(--surface));
}
/* ============================================
@@ -24,18 +24,14 @@
}
.history-title {
color: white;
font-size: clamp(2rem, 6vw, 2.5rem);
margin: 0 0 0.5rem 0;
font-weight: 700;
background: #ffffff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: var(--text);
}
.history-subtitle {
color: #9ca3af;
color: var(--text-muted);
font-size: clamp(0.9rem, 2vw, 1.1rem);
margin: 0;
}
@@ -52,8 +48,8 @@
}
.stat-card2 {
background: linear-gradient(135deg, #1a1a1a, #2a2a2a);
border: 2px solid #333;
background: linear-gradient(135deg, var(--surface), var(--surface-2));
border: 2px solid var(--border);
border-radius: 12px;
padding: 1.5rem;
display: flex;
@@ -160,14 +156,14 @@
}
.stat-label {
color: #9ca3af;
color: var(--text-muted);
font-size: 0.9rem;
margin: 0 0 0.5rem 0;
font-weight: 500;
}
.stat-value {
color: white;
color: var(--text);
font-size: 1.8rem;
font-weight: 700;
margin: 0;
@@ -213,7 +209,7 @@
.penalty-limit {
font-size: 1rem;
color: #6b7280;
color: var(--text-muted);
font-weight: 500;
}
@@ -242,7 +238,7 @@
}
.referral-link-hint {
color: #6b7280;
color: var(--text-muted);
font-size: 0.8rem;
margin: 0.25rem 0 0;
}
@@ -268,7 +264,7 @@
.spinner {
width: 100%;
height: 100%;
border: 4px solid #333;
border: 4px solid var(--border);
border-top-color: #7c3aed;
border-radius: 50%;
animation: spin 1s linear infinite;
@@ -281,7 +277,7 @@
}
.loading-text {
color: #9ca3af;
color: var(--text-muted);
font-size: 1.1rem;
margin: 0;
}
@@ -318,27 +314,27 @@
.empty-history {
text-align: center;
padding: 4rem 2rem;
background: linear-gradient(135deg, #1a1a1a, #2a2a2a);
border: 2px solid #333;
background: linear-gradient(135deg, var(--surface), var(--surface-2));
border: 2px solid var(--border);
border-radius: 12px;
margin-top: 2rem;
}
.empty-icon {
color: #4b5563;
color: var(--text-muted);
margin-bottom: 1.5rem;
opacity: 0.5;
}
.empty-history h2 {
color: white;
color: var(--text);
font-size: 1.5rem;
margin: 0 0 0.5rem 0;
font-weight: 600;
}
.empty-history p {
color: #9ca3af;
color: var(--text-muted);
font-size: 1.1rem;
margin: 0 0 2rem 0;
}
@@ -391,8 +387,8 @@
.table-wrapper {
overflow-x: auto;
background-color: #1a1a1a;
border: 2px solid #333;
background-color: var(--surface);
border: 2px solid var(--border);
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
@@ -404,12 +400,12 @@
}
.history-table thead {
background: linear-gradient(135deg, #0a0a0a, #1a1a1a);
background: linear-gradient(135deg, var(--bg), var(--surface));
border-bottom: 2px solid #7c3aed;
}
.history-table th {
color: white;
color: var(--text);
font-size: clamp(0.85rem, 2vw, 0.95rem);
font-weight: 700;
text-align: left;
@@ -419,7 +415,7 @@
}
.history-table tbody tr {
border-bottom: 1px solid #333;
border-bottom: 1px solid var(--border);
transition: all 0.2s ease;
cursor: pointer;
}
@@ -435,11 +431,11 @@
}
.history-table tbody tr:active {
background-color: #2a2a2a;
background-color: var(--surface-2);
}
.history-table td {
color: #cccccc;
color: var(--text-muted);
font-size: clamp(0.85rem, 2vw, 0.95rem);
padding: 1.25rem 1rem;
vertical-align: middle;
@@ -450,7 +446,7 @@
============================================ */
.order-id {
color: white !important;
color: var(--text) !important;
font-weight: 700;
font-family: "Courier New", monospace;
font-size: 1rem;
@@ -463,13 +459,13 @@
}
.date-main {
color: white;
color: var(--text);
font-weight: 600;
font-size: 0.95rem;
}
.date-time {
color: #9ca3af;
color: var(--text-muted);
font-size: 0.85rem;
}
@@ -491,7 +487,7 @@
}
.address-text {
color: #d1d5db;
color: var(--text-muted);
font-size: 0.9rem;
}
@@ -507,12 +503,12 @@
}
.no-livreur {
color: #6b7280;
color: var(--text-muted);
font-style: italic;
}
.products-count {
color: #9ca3af;
color: var(--text-muted);
font-size: 0.9rem;
}