20240708_003

Author: juangralarg

Entregas/PruebasEntrega/hechoPorMi/css/estilosCarrito.css

@@ -19,13 +19,24 @@ a{
     color: var(--color-text);
 }
 
-button{
-    background-color: var(--color-body);
-    color: var(--color-header);
-    padding: 5px 10px;
+.button-buy {
+    display: flex;
+    justify-content: center; /* Centra horizontalmente */
+    align-items: center; /* Centra verticalmente si es necesario */
+    margin-top: 20px; /* Espaciado superior opcional */
+    width: 80%; /* Misma anchura que la tabla */
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.btn002{/* BOTON COMPRAR ITEMS */
+    background-color: var(--color-header);
+    color: var(--color-body);
+    padding: 15px 50px;
     border: unset;
     border-radius: 6px;
     cursor: pointer;
+
 }
 a:hover:not(carrito:hover){
     color: var(--color-acento);

Entregas/PruebasEntrega/hechoPorMi/src/views/ComprasCarrito.html

@@ -34,7 +34,9 @@ <h1>COMPRAS REALIZADAS</h1>
                 </Tr>
             </Thead>
             <tbody id="carrito-items"></tbody>           
-            </TABLE>
+            </TABLE><BR>
+                <DIV class="button-buy">
+            <button class="btn002" onclick="comprarCarrito()"> COMPRAR </button></DIV>
         </div>
 
     </main>