Spaces:
Sleeping
Sleeping
Update templates/cart.html
Browse files- templates/cart.html +15 -4
templates/cart.html
CHANGED
|
@@ -45,17 +45,28 @@
|
|
| 45 |
}set corner radius 10px, background color stroke
|
| 46 |
|
| 47 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 48 |
.remove-icon {
|
| 49 |
border: none;
|
| 50 |
background: none;
|
| 51 |
-
color: red;
|
| 52 |
font-size: 1.2rem;
|
| 53 |
cursor: pointer;
|
| 54 |
-
|
| 55 |
-
top: -25px !important; /* Move icon 25px up */
|
| 56 |
-
left: 50px !important; /* Move icon 5px to the right */
|
| 57 |
}
|
| 58 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 59 |
|
| 60 |
.image-wrapper {
|
| 61 |
width: 80px; /* Width of the image container */
|
|
|
|
| 45 |
}set corner radius 10px, background color stroke
|
| 46 |
|
| 47 |
|
| 48 |
+
.cart-item-actions {
|
| 49 |
+
display: flex;
|
| 50 |
+
flex-direction: column; /* Stack the delete icon and price vertically */
|
| 51 |
+
align-items: center; /* Center-align both the icon and the price */
|
| 52 |
+
justify-content: center; /* Vertically center the items in the container */
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
.remove-icon {
|
| 56 |
border: none;
|
| 57 |
background: none;
|
| 58 |
+
color: red; /* Keep the color red for the icon */
|
| 59 |
font-size: 1.2rem;
|
| 60 |
cursor: pointer;
|
| 61 |
+
margin-bottom: 10px; /* Add space between icon and price */
|
|
|
|
|
|
|
| 62 |
}
|
| 63 |
|
| 64 |
+
.text-primary {
|
| 65 |
+
color: #000 !important; /* Ensure the price is black */
|
| 66 |
+
text-align: center; /* Center-align the price */
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
+
|
| 70 |
|
| 71 |
.image-wrapper {
|
| 72 |
width: 80px; /* Width of the image container */
|