feat: enhance cart layout and styling for improved user experience
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user