Fixing bug

This commit is contained in:
Michaela Brydon 2024-03-08 15:31:10 -05:00
parent 549c03934e
commit fe35ec05e2
2 changed files with 13 additions and 12 deletions

View file

@ -9,8 +9,8 @@
aria-label="expand cart details" aria-label="expand cart details"
href="javascript:void(0)" href="javascript:void(0)"
class="col d-flex justify-content-between py-0"> class="col d-flex justify-content-between py-0">
<span class="label color-black">{{ amountDueLabel }}</span> <span class="cart-label color-black">{{ amountDueLabel }}</span>
<span class="label amount-due">{{ getDisplayed(amountDue) }}</span> <span class="cart-label amount-due">{{ getDisplayed(amountDue) }}</span>
</a> </a>
</div> </div>
<div <div
@ -18,14 +18,14 @@
class="cart-table"> class="cart-table">
<div <div
id="cart-deductible-or-base-price" id="cart-deductible-or-base-price"
class="mt-4 line-item color-gray-100 px-5 py-1"> class="mt-4 cart-line-item color-gray-100 px-5 py-1">
<div <div
v-if="showDeductibleLineItem" v-if="showDeductibleLineItem"
id="cart-deductible" id="cart-deductible"
class="d-flex justify-content-between align-items-center"> class="d-flex justify-content-between align-items-center">
<span <span
id="deductible-label" id="deductible-label"
class="label">{{ deductibleLabel }}</span> class="cart-label">{{ deductibleLabel }}</span>
<span id="deductible-value">{{ getDisplayed(deductible) }}</span> <span id="deductible-value">{{ getDisplayed(deductible) }}</span>
</div> </div>
<div <div
@ -34,7 +34,7 @@
class="d-flex justify-content-between align-items-center"> class="d-flex justify-content-between align-items-center">
<span <span
id="base-price-label" id="base-price-label"
class="label">{{ basePriceLabel }}</span> class="cart-label">{{ basePriceLabel }}</span>
<span id="base-price-value">{{ getDisplayed(baseServicePrice) }}</span> <span id="base-price-value">{{ getDisplayed(baseServicePrice) }}</span>
</div> </div>
</div> </div>
@ -120,7 +120,7 @@ export default {
background-color: $gray-100; background-color: $gray-100;
} }
.line-item { .cart-line-item {
color: $darker-gray; color: $darker-gray;
} }
@ -130,12 +130,8 @@ export default {
overflow: hidden; overflow: hidden;
visibility: hidden; visibility: hidden;
} }
e3
.cart-toggle {
.amount-due {
color: $green;
}
.cart-toggle {
&:after { &:after {
content: ""; content: "";
transition: all 0.5s ease; transition: all 0.5s ease;
@ -162,9 +158,13 @@ e3
a { a {
text-decoration: none; text-decoration: none;
} }
.label { .cart-label {
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
line-height: 1.625; line-height: 1.625;
} }
.amount-due {
color: $green;
}
} }
</style> </style>

View file

@ -9,6 +9,7 @@
href="javascript:void(0)" href="javascript:void(0)"
class="col d-flex justify-content-between py-0"> class="col d-flex justify-content-between py-0">
<span class="label">Appointment details</span> <span class="label">Appointment details</span>
<span>Testing</span>
</a> </a>
</div> </div>
<div class="review-table px-4"> <div class="review-table px-4">