27 lines
1.2 KiB
HTML
27 lines
1.2 KiB
HTML
<li class="px-2! py-4! border-b border-b-gray-200">
|
|
<div class="flex space-x-5">
|
|
<div class="w-20 h-20 bg-gray-100 p-2 rounded-xl">
|
|
<img [src]="cartItem.image" class="object-cover h-full w-full rounded-lg" />
|
|
</div>
|
|
<div class="flex-1 flex flex-col">
|
|
<p class="text-sm truncate max-w-30 mt-2">{{ cartItem.title }}</p>
|
|
<div class="mt-auto flex space-x-4 items-center text-gray-600">
|
|
<p class="text-sm">Rs. {{ cartItem.price }} x {{ cartItem.quantity }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col justify-between">
|
|
<div class="mt-2 flex space-x-2 items-center">
|
|
<p class="font-medium">Rs. {{ cartItem.subtotal }}</p>
|
|
<button (click)="removeProduct()" class="active:scale-80 py-0" title="Remove Item">
|
|
<lucide-angular [name]="TrashIcon" class="w-3" />
|
|
</button>
|
|
</div>
|
|
<div class="flex max-h-7 text-xs text-center text-gray-700">
|
|
<button (click)="decrementQty()" class="btn btn-ghost py-1! px-2 rounded-r-none!">-</button>
|
|
<p class="w-7 text-center py-1 px-2 border-y border-y-gray-300">{{ cartItem.quantity }}</p>
|
|
<button (click)="incrementQty()" class="btn py-1! btn-ghost px-2 rounded-l-none!">+</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|