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/components/ProductCard.css
+21 -21
View File
@@ -1,5 +1,5 @@
.product-card {
background-color: #1a1a1a;
background-color: var(--surface);
border: 2px solid var(--category-color, white);
border-radius: 15px;
overflow: hidden;
@@ -20,7 +20,7 @@
.product-card:active {
transform: scale(0.97);
background-color: #2a2a2a;
background-color: var(--surface-2);
}
.product-card-content {
@@ -30,7 +30,7 @@
.product-image-container {
width: 100%;
aspect-ratio: 1;
background-color: #2a2a2a;
background-color: var(--surface-2);
display: flex;
align-items: center;
justify-content: center;
@@ -78,12 +78,12 @@
.product-info {
padding: clamp(0.8rem, 3vw, 1.2rem);
background-color: #1a1a1a;
border-top: 1px solid #333;
background-color: var(--surface);
border-top: 1px solid var(--border);
}
.product-name {
color: white;
color: var(--text);
margin: 0 0 0.5rem 0;
font-size: clamp(1rem, 3.5vw, 1.2rem);
font-weight: 600;
@@ -99,18 +99,18 @@
}
.product-stock {
color: #cccccc;
color: var(--text-muted);
font-size: clamp(0.85rem, 2.5vw, 1rem);
text-align: center;
padding: clamp(0.6rem, 2vw, 0.8rem);
background-color: #0a0a0a;
border-top: 1px solid #333;
background-color: var(--bg);
border-top: 1px solid var(--border);
}
.quick-add-section {
padding: clamp(0.8rem, 3vw, 1rem);
background-color: #0a0a0a;
border-top: 1px solid #333;
background-color: var(--bg);
border-top: 1px solid var(--border);
display: flex;
flex-direction: column;
gap: 0.6rem;
@@ -224,8 +224,8 @@ div[data-category="gros&semi"] .quick-add-btn:active {
.quantity-select {
width: 100%;
padding: clamp(0.7rem, 2.5vw, 0.9rem);
background-color: #2a2a2a;
color: white;
background-color: var(--surface-2);
color: var(--text);
border: 2px solid #4ade80;
border-radius: 8px;
font-size: clamp(0.9rem, 3vw, 1.05rem);
@@ -241,7 +241,7 @@ div[data-category="gros&semi"] .quick-add-btn:active {
.quantity-select:hover {
border-color: #22c55e;
background-color: #333;
background-color: var(--surface);
}
.quantity-select:focus {
@@ -260,7 +260,7 @@ div[data-category="weed&hash"] .quantity-select {
div[data-category="weed&hash"] .quantity-select:hover {
border-color: #059669;
background-color: #333;
background-color: var(--surface);
}
div[data-category="weed&hash"] .quantity-select:focus {
@@ -276,7 +276,7 @@ div[data-category="tous"] .quantity-select {
div[data-category="tous"] .quantity-select:hover {
border-color: #7e22ce;
background-color: #333;
background-color: var(--surface);
}
div[data-category="tous"] .quantity-select:focus {
@@ -292,7 +292,7 @@ div[data-category="zipette&co"] .quantity-select {
div[data-category="zipette&co"] .quantity-select:hover {
border-color: #e8e8e0;
background-color: #333;
background-color: var(--surface);
}
div[data-category="zipette&co"] .quantity-select:focus {
@@ -308,7 +308,7 @@ div[data-category="gros&semi"] .quantity-select {
div[data-category="gros&semi"] .quantity-select:hover {
border-color: #0ea5e9;
background-color: #333;
background-color: var(--surface);
}
div[data-category="gros&semi"] .quantity-select:focus {
@@ -317,8 +317,8 @@ div[data-category="gros&semi"] .quantity-select:focus {
}
.quantity-select option {
background-color: #2a2a2a;
color: white;
background-color: var(--surface-2);
color: var(--text);
padding: 0.5rem;
}
@@ -706,7 +706,7 @@ div[data-category="gros&semi"] .details-button:hover {
@media (hover: none) {
.product-card:hover {
transform: none;
background-color: #1a1a1a;
background-color: var(--surface);
}
.quick-add-btn:hover {