Spaces:
Sleeping
Sleeping
Update templates/cart.html
Browse files- templates/cart.html +18 -11
templates/cart.html
CHANGED
|
@@ -29,12 +29,25 @@
|
|
| 29 |
display: flex;
|
| 30 |
align-items: flex-start;
|
| 31 |
justify-content: space-between;
|
| 32 |
-
border: 1px solid black;
|
| 33 |
-
padding: 15px; /* Padding
|
| 34 |
-
box-sizing: border-box;
|
| 35 |
-
min-height: 100px;
|
|
|
|
| 36 |
}
|
| 37 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 38 |
|
| 39 |
|
| 40 |
.image-wrapper {
|
|
@@ -347,13 +360,7 @@
|
|
| 347 |
background-color: #f1f1f1;
|
| 348 |
}
|
| 349 |
|
| 350 |
-
|
| 351 |
-
border: none;
|
| 352 |
-
background: none;
|
| 353 |
-
color: red;
|
| 354 |
-
font-size: 1.2rem;
|
| 355 |
-
cursor: pointer;
|
| 356 |
-
}
|
| 357 |
</style>
|
| 358 |
</head>
|
| 359 |
<body>
|
|
|
|
| 29 |
display: flex;
|
| 30 |
align-items: flex-start;
|
| 31 |
justify-content: space-between;
|
| 32 |
+
border: 1px solid black;
|
| 33 |
+
padding: 15px; /* Padding for the content */
|
| 34 |
+
box-sizing: border-box;
|
| 35 |
+
min-height: 100px;
|
| 36 |
+
position: relative; /* Make the cart item a reference for the absolute positioning of the remove icon */
|
| 37 |
}
|
| 38 |
|
| 39 |
+
.remove-icon {
|
| 40 |
+
position: absolute; /* Position the remove icon relative to the cart item */
|
| 41 |
+
top: 5px; /* Move it inside the top padding */
|
| 42 |
+
right: 5px; /* Position it at the right */
|
| 43 |
+
border: none;
|
| 44 |
+
background: none;
|
| 45 |
+
color: red;
|
| 46 |
+
font-size: 1.5rem;
|
| 47 |
+
cursor: pointer;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
|
| 51 |
|
| 52 |
|
| 53 |
.image-wrapper {
|
|
|
|
| 360 |
background-color: #f1f1f1;
|
| 361 |
}
|
| 362 |
|
| 363 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 364 |
</style>
|
| 365 |
</head>
|
| 366 |
<body>
|