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 --> <!-- Nonpackaged Cart Items -->
<hr style="background: red" /> <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> <span>{{ cartItem.name }}</span>
<textLink <textLink
ref="removeLink" ref="removeLink"
@ -57,7 +57,7 @@
<span>{{ mobileFeeCartItem.name }}</span <span>{{ mobileFeeCartItem.name }}</span
><span>{{ currencyFormatter.format(mobileFeeCartItem.subTotal) }}</span> ><span>{{ currencyFormatter.format(mobileFeeCartItem.subTotal) }}</span>
</div> </div>
<div v-if="premiumAppointmentDiscountCartItem"> <div v-if="premiumAppointmentDiscountCartItem">
<span>{{ premiumAppointmentDiscountCartItem.name }}</span> <span>{{ premiumAppointmentDiscountCartItem.name }}</span>
<textLink <textLink
@ -67,7 +67,7 @@
href="#!" href="#!"
@click-event="removeItem(PREMIUM_FEE_PART_TYPE, 'supportingItems')" /> @click-event="removeItem(PREMIUM_FEE_PART_TYPE, 'supportingItems')" />
<span>{{ currencyFormatter.format(premiumAppointmentDiscountCartItem.subTotal) }}</span> <span>{{ currencyFormatter.format(premiumAppointmentDiscountCartItem.subTotal) }}</span>
</div> </div>
<!-- promos here --> <!-- promos here -->
@ -681,7 +681,7 @@ export default {
div { div {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0.5rem 1.5rem; padding: 0.5rem 1.5rem;
&:nth-child(odd) { &:nth-child(odd) {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
@ -729,6 +729,17 @@ export default {
padding: 0; 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 { .vin-toggle {
&:after { &:after {