diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue index e9f631972..b9d11dfe4 100644 --- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue +++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue @@ -6,9 +6,13 @@ async>
- +
-
+
{{ afterpayPrice }} @@ -78,15 +82,7 @@ export default { return splitCMSCopyOnBR(this.getCmsContent(this.cmsWidgetName, "HeaderText")); }, afterpayCopyTokens() { - if (this.showAfterpayExtendedPayOption) { - return splitCopyOnCMSPlaceHolder( - this.getCmsContent(this.cmsWidgetName, "BodyText") - ); - } else { - return splitCopyOnCMSPlaceHolder( - this.getCmsContent(this.cmsWidgetName, "BodyText2") - ); - } + return splitCopyOnCMSPlaceHolder(this.getCmsContent(this.cmsWidgetName, "BodyText")); }, modalCopy() { return this.getCmsContent(this.cmsWidgetName, "FooterText"); @@ -114,12 +110,6 @@ export default { return price; }, - showAfterpayExtendedPayOption() { - return ( - this.afterpayExtendedPayOptionThreshold && - this.getTierOnePackagePrice >= this.afterpayExtendedPayOptionThreshold - ); - }, }, components: {}, }; @@ -138,11 +128,17 @@ export default { flex-direction: row; } + .callout { + font-family: + UrbanistSemibold Arial, + Helvetica, + sans-serif; + } + > div:first-of-type { display: flex; color: $black; font-size: $font-size-20; - font-weight: $font-weight-600; line-height: 2rem; @include media-breakpoint-down(md) { border-bottom: 1px solid; @@ -170,7 +166,7 @@ export default { } @include media-breakpoint-up(md) { padding-left: 1rem; - max-width: 26rem; + max-width: 32rem; } }