jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #666 from Safelite/SSR-1201-code-format-payment-method

Browse source 
Adjust spacing to more closely match FMG NextGen.
This commit is contained in:
bmauger 2024-04-30 15:15:01 -04:00 committed by GitHub
commit 30396f2b71
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/iss-components/cart-dropdown/cart-dropdown.vue
View file

@ -31,7 +31,7 @@
<div <div
v-if="showDeductibleCartItem" v-if="showDeductibleCartItem"
id="cart-deductible" id="cart-deductible"
class="d-flex justify-content-between align-items-center"> class="d-flex justify-content-between align-items-center py-2">
<span id="deductible-label">{{ deductibleLabel }}</span> <span id="deductible-label">{{ deductibleLabel }}</span>
<span id="deductible-value">{{ getDisplayed(deductible) }}</span> <span id="deductible-value">{{ getDisplayed(deductible) }}</span>
</div> </div>
@ -50,7 +50,7 @@
class="px-5"> class="px-5">
<div <div
id="service-package-name" id="service-package-name"
class="py-1 d-flex justify-content-between align-items-center"> class="py-2 d-flex justify-content-between align-items-center">
<textBlock <textBlock
:cmsWidgetName="servicePackageLabelWidget" :cmsWidgetName="servicePackageLabelWidget"
class="force-no-top-margin" /> class="force-no-top-margin" />
@ -62,7 +62,7 @@
<div <div
v-for="(item, i) in servicePackageCartItems" v-for="(item, i) in servicePackageCartItems"
:key="i"> :key="i">
<div class="py-1 d-flex justify-content-between align-items-center"> <div class="py-2 d-flex justify-content-between align-items-center">
<span>{{ item?.name ?? '' }}</span> <span>{{ item?.name ?? '' }}</span>
<textLink <textLink
v-if="!readOnly" v-if="!readOnly"
@ -84,7 +84,7 @@
<div <div
v-for="(item, i) in nonServicePackageCartItems" v-for="(item, i) in nonServicePackageCartItems"
:key="i" :key="i"
class="px-5 py-1 non-packaged-cart-item"> class="px-5 py-2 non-packaged-cart-item">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<span <span
v-if="item.cartItemType === cartItemType.RECYCLE_FEE" v-if="item.cartItemType === cartItemType.RECYCLE_FEE"
@ -119,20 +119,20 @@
class="subtotal-and-tax"> class="subtotal-and-tax">
<div <div
id="cart-subtotal" id="cart-subtotal"
class="col d-flex justify-content-between"> class="py-2 col d-flex justify-content-between">
<span id="subtotal-label">{{ subtotalLabel }}</span> <span id="subtotal-label">{{ subtotalLabel }}</span>
<span id="subtotal-value">{{ getDisplayed(subTotal) }}</span> <span id="subtotal-value">{{ getDisplayed(subTotal) }}</span>
</div> </div>
<div <div
id="cart-sales-tax" id="cart-sales-tax"
class="pt-1 col d-flex justify-content-between"> class="py-2 col d-flex justify-content-between">
<span id="sales-tax-label">{{ salesTaxLabel }}</span> <span id="sales-tax-label">{{ salesTaxLabel }}</span>
<span id="sales-tax-value">{{ formatAmountInDollars(salesTax) }}</span> <span id="sales-tax-value">{{ formatAmountInDollars(salesTax) }}</span>
</div> </div>
<div <div
v-if="showAsPaid" v-if="showAsPaid"
id="cart-amount-paid" id="cart-amount-paid"
class="pt-1 col d-flex justify-content-between"> class="py-2 col d-flex justify-content-between">
<span id="amount-paid-label">{{ amountPaidLabel }}</span> <span id="amount-paid-label">{{ amountPaidLabel }}</span>
<span if="amount-paid-value">{{ getDisplayed(amountPaid) }}</span> <span if="amount-paid-value">{{ getDisplayed(amountPaid) }}</span>
</div> </div>
@ -556,7 +556,7 @@ export default {
.bottom-amount-due { .bottom-amount-due {
color: $white; color: $white;
background-color: $green; background-color: $green;
padding: 0.25rem 1.5rem; padding: 0.5rem 1.5rem;
} }
} }