feat: agregar imágenes al carrito
This commit is contained in:
parent
9b1f471ebc
commit
cc505c5a61
2 changed files with 36 additions and 33 deletions
|
|
@ -15,9 +15,11 @@ const Cart = () => {
|
|||
<div id="cartContainer" className="flex gap-4 flex-col">
|
||||
{cart.map((pizza) => (
|
||||
<div
|
||||
className="border-3 border-lime-300 rounded-md p-2"
|
||||
className="border-3 border-lime-300 rounded-md flex gap-4 overflow-hidden"
|
||||
key={pizza.id}
|
||||
>
|
||||
<img src={pizza.img} className="w-32 rounded-r-sm" />
|
||||
<div>
|
||||
<h2>Pizza {pizza.name}</h2>
|
||||
<div className="flex gap-4">
|
||||
<button
|
||||
|
|
@ -49,6 +51,7 @@ const Cart = () => {
|
|||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -60,20 +60,20 @@ export const pizzaCart = [
|
|||
name: "napolitana",
|
||||
price: 5950,
|
||||
count: 1,
|
||||
img: "https://firebasestorage.googleapis.com/v0/b/apis-varias-mias.appspot.com/o/pizzeria%2Fpizza-1239077_640_cl.jpg?alt=media&token=6a9a33da-5c00-49d4-9080-784dcc87ec2c",
|
||||
img: imgNapolitana,
|
||||
},
|
||||
{
|
||||
id: "P002",
|
||||
name: "española",
|
||||
price: 7250,
|
||||
count: 1,
|
||||
img: "https://firebasestorage.googleapis.com/v0/b/apis-varias-mias.appspot.com/o/pizzeria%2Fcheese-164872_640_com.jpg?alt=media&token=18b2b821-4d0d-43f2-a1c6-8c57bc388fab",
|
||||
img: imgEspanola,
|
||||
},
|
||||
{
|
||||
id: "P003",
|
||||
name: "salame",
|
||||
price: 5990,
|
||||
count: 1,
|
||||
img: "https://firebasestorage.googleapis.com/v0/b/apis-varias-mias.appspot.com/o/pizzeria%2Fpizza-1239077_640_com.jpg?alt=media&token=e7cde87a-08d5-4040-ac54-90f6c31eb3e3",
|
||||
img: imgSalame,
|
||||
},
|
||||
];
|
||||
|
|
|
|||
Loading…
Reference in a new issue