feat: enhance cart layout and styling for improved user experience

This commit is contained in:
2026-07-01 16:56:29 -03:00
parent af406c215a
commit 06d29be056
5 changed files with 24 additions and 28 deletions

View File

@@ -225,15 +225,17 @@
</div>
@if (cartVisible) {
<app-cart
[showClose]="true"
[items]="cartMockItems"
[subtotal]="366000"
[discount]="66000"
[total]="300000"
[backgroundColor]="cartBackgroundColor"
(closed)="hideCart()"
/>
<div class="cart-showcase__viewport">
<app-cart
[showClose]="true"
[items]="cartMockItems"
[subtotal]="366000"
[discount]="66000"
[total]="300000"
[backgroundColor]="cartBackgroundColor"
(closed)="hideCart()"
/>
</div>
}
</div>
</div>

View File

@@ -68,6 +68,12 @@ h1 {
justify-items: start;
}
.cart-showcase__viewport {
width: 100%;
max-width: 370px;
height: 360px;
}
.cart-showcase__header {
width: 100%;
display: flex;