WIP Update Nonpackaged Cart Items for Leah

This commit is contained in:
Bryan Mauger 2023-11-03 10:21:21 -04:00
parent 4d7f01d87e
commit 8cb06c096f

View file

@ -33,7 +33,7 @@
<!-- Nonpackaged Cart Items -->
<hr style="background: red" />
<div v-for="(cartItem, i) in nonpackageCartItems" :key="i">
<div class="premium-appt-cart-item" v-for="(cartItem, i) in nonpackageCartItems" :key="i">
<span>{{ cartItem.name }}</span>
<textLink
ref="removeLink"
@ -57,7 +57,7 @@
<span>{{ mobileFeeCartItem.name }}</span
><span>{{ currencyFormatter.format(mobileFeeCartItem.subTotal) }}</span>
</div>
<div v-if="premiumAppointmentDiscountCartItem">
<span>{{ premiumAppointmentDiscountCartItem.name }}</span>
<textLink
@ -67,7 +67,7 @@
href="#!"
@click-event="removeItem(PREMIUM_FEE_PART_TYPE, 'supportingItems')" />
<span>{{ currencyFormatter.format(premiumAppointmentDiscountCartItem.subTotal) }}</span>
</div>
<!-- promos here -->
@ -681,7 +681,7 @@ export default {
div {
display: flex;
justify-content: space-between;
padding: 0.5rem 1.5rem;
padding: 0.5rem 1.5rem;
&:nth-child(odd) {
background-color: #f5f5f5;
}
@ -729,6 +729,17 @@ export default {
padding: 0;
}
}
// Custom order/wrap for nonpackaged Cart Items
.premium-appt-cart-item {
flex-wrap: wrap;
span {
display: flex;
justify-content: space-between;
}
a {
order: 3;
}
}
}
.vin-toggle {
&:after {