tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(purchase-item): enhance attributes display for quantity-only items

Browse Source
This commit is contained in:
ncoronel
2026-07-08 15:42:09 -03:00
parent 9fcbf34573
commit efa0d48a40
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/features/store/pages/account-page/components/purchase-item/purchase-item.html
View File

@@ -23,7 +23,10 @@
</div> </div>
</div> </div>
<div class="d-grid cart-item-attributes"> <div
class="d-grid cart-item-attributes"
[class.cart-item-attributes--quantity-only]="item.attributes.length === 0"
>
<div class="cart-item-attribute"> <div class="cart-item-attribute">
<span class="cart-item-attribute-label">Cantidad: </span> <span class="cart-item-attribute-label">Cantidad: </span>
<span class="fw-bold">{{ item.quantity }} unidad{{ item.quantity === 1 ? '' : 'es' }}</span> <span class="fw-bold">{{ item.quantity }} unidad{{ item.quantity === 1 ? '' : 'es' }}</span>

5
src/app/features/store/pages/account-page/components/purchase-item/purchase-item.scss
View File

@@ -92,6 +92,11 @@
.cart-item-attributes { .cart-item-attributes {
gap: 0.125rem; gap: 0.125rem;
&--quantity-only {
flex: 1;
align-content: center;
}
} }
.cart-item-attribute { .cart-item-attribute {