Button updates

This commit is contained in:
Tuğçe Küçükoğlu 2023-03-03 15:15:20 +03:00
parent daa4e9fd77
commit 98f222cb90
47 changed files with 418 additions and 410 deletions

View file

@ -31,7 +31,7 @@
</div>
<div class="flex sm:flex-column align-items-center sm:align-items-end gap-3 sm:gap-2">
<span class="text-2xl font-semibold">${{ slotProps.data.price }}</span>
<Button icon="pi pi-shopping-cart" class="p-button-rounded" :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
<Button icon="pi pi-shopping-cart" rounded :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
</div>
</div>
</div>
@ -55,7 +55,7 @@
</div>
<div class="flex align-items-center justify-content-between">
<span class="text-2xl font-semibold">${{ slotProps.data.price }}</span>
<Button icon="pi pi-shopping-cart" class="p-button-rounded" :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
<Button icon="pi pi-shopping-cart" rounded :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
</div>
</div>
</div>
@ -100,7 +100,7 @@ export default {
</div>
<div class="flex sm:flex-column align-items-center sm:align-items-end gap-3 sm:gap-2">
<span class="text-2xl font-semibold">\${{ slotProps.data.price }}</span>
<Button icon="pi pi-shopping-cart" class="p-button-rounded" :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
<Button icon="pi pi-shopping-cart" rounded :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
</div>
</div>
</div>
@ -124,7 +124,7 @@ export default {
</div>
<div class="flex align-items-center justify-content-between">
<span class="text-2xl font-semibold">\${{ slotProps.data.price }}</span>
<Button icon="pi pi-shopping-cart" class="p-button-rounded" :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
<Button icon="pi pi-shopping-cart" rounded :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
</div>
</div>
</div>
@ -158,7 +158,7 @@ export default {
</div>
<div class="flex sm:flex-column align-items-center sm:align-items-end gap-3 sm:gap-2">
<span class="text-2xl font-semibold">\${{ slotProps.data.price }}</span>
<Button icon="pi pi-shopping-cart" class="p-button-rounded" :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
<Button icon="pi pi-shopping-cart" rounded :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
</div>
</div>
</div>
@ -182,7 +182,7 @@ export default {
</div>
<div class="flex align-items-center justify-content-between">
<span class="text-2xl font-semibold">\${{ slotProps.data.price }}</span>
<Button icon="pi pi-shopping-cart" class="p-button-rounded" :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
<Button icon="pi pi-shopping-cart" rounded :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
</div>
</div>
</div>
@ -251,7 +251,7 @@ export default {
</div>
<div class="flex sm:flex-column align-items-center sm:align-items-end gap-3 sm:gap-2">
<span class="text-2xl font-semibold">\${{ slotProps.data.price }}</span>
<Button icon="pi pi-shopping-cart" class="p-button-rounded" :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
<Button icon="pi pi-shopping-cart" rounded :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
</div>
</div>
</div>
@ -275,7 +275,7 @@ export default {
</div>
<div class="flex align-items-center justify-content-between">
<span class="text-2xl font-semibold">\${{ slotProps.data.price }}</span>
<Button icon="pi pi-shopping-cart" class="p-button-rounded" :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
<Button icon="pi pi-shopping-cart" rounded :disabled="slotProps.data.inventoryStatus === 'OUTOFSTOCK'"></Button>
</div>
</div>
</div>