sdarbinyan/marketplaces
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed cart

Browse Source
This commit is contained in:
sdarbinyan
2026-03-24 03:24:34 +04:00
parent ee23fd2d3c
commit 5566e011b7
2 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/pages/cart/cart.component.html
View File

@@ -46,12 +46,15 @@
<p class="item-description">{{ itemDesc(item) || '' }}...</p> <p class="item-description">{{ itemDesc(item) || '' }}...</p>
@if (item.colour || item.size) { @if (item.colour || (item.size && item.size.toLowerCase() !== 'default')) {
<div class="cart-item-variants"> <div class="cart-item-variants">
@if (item.colour) { @if (item.colour) {
<span class="cart-variant">{{ 'itemDetail.colour' | translate }}: {{ item.colour }}</span> <span class="cart-variant cart-variant-colour">
{{ 'itemDetail.colour' | translate }}:
<span class="cart-colour-swatch" [style.background-color]="item.colour" [title]="item.colour"></span>
</span>
} }
@if (item.size) { @if (item.size && item.size.toLowerCase() !== 'default') {
<span class="cart-variant">{{ 'itemDetail.size' | translate }}: {{ item.size }}</span> <span class="cart-variant">{{ 'itemDetail.size' | translate }}: {{ item.size }}</span>
} }
</div> </div>

26
src/app/pages/cart/cart.component.scss
View File

@@ -368,6 +368,7 @@
display: flex; display: flex;
gap: 10px; gap: 10px;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center;
margin-top: 4px; margin-top: 4px;
.cart-variant { .cart-variant {
@@ -377,6 +378,18 @@
padding: 3px 10px; padding: 3px 10px;
border-radius: 6px; border-radius: 6px;
font-weight: 500; font-weight: 500;
display: inline-flex;
align-items: center;
gap: 6px;
}
.cart-colour-swatch {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.15);
vertical-align: middle;
} }
} }
@@ -484,6 +497,7 @@
display: flex; display: flex;
gap: 10px; gap: 10px;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center;
margin-top: 4px; margin-top: 4px;
.cart-variant { .cart-variant {
@@ -493,6 +507,18 @@
padding: 3px 10px; padding: 3px 10px;
border-radius: 6px; border-radius: 6px;
font-weight: 500; font-weight: 500;
display: inline-flex;
align-items: center;
gap: 6px;
}
.cart-colour-swatch {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.15);
vertical-align: middle;
} }
} }