CSR-1050 move paymentServiceOptionsCopy copy to funnel-sub-header

This commit is contained in:
Bryan Mauger 2023-01-10 18:39:00 -05:00
parent 9a5574eb6d
commit 3ab512ace7
4 changed files with 12 additions and 9 deletions

View file

@ -15,9 +15,11 @@
<div <div
class="d-flex align-items-center justify-content-center container-fluid overflow-hidden"> class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
<p class="text-center small fw-normal mb-0"> <p class="text-center small fw-normal mb-0">
<span> <textBlock
{{ subText }} cmsWidgetName="paymentServiceOptionsCopy"
</span> justifyText="center"
typeStyle="small"
class="mt-2 mb-5" />
</p> </p>
</div> </div>
</div> </div>
@ -25,6 +27,7 @@
<script> <script>
import buttonBack from "@/common-components/funnel-sub-header/button-back/button-back"; import buttonBack from "@/common-components/funnel-sub-header/button-back/button-back";
import textBlock from "@/common-components/text-block/text-block";
export default { export default {
name: "FunnelSubHeader", name: "FunnelSubHeader",
@ -34,6 +37,7 @@ export default {
}, },
components: { components: {
buttonBack, buttonBack,
textBlock,
}, },
computed: { computed: {
text() { text() {

View file

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="text-block d-flex w-100 mt-2" class="text-block w-100 mt-2"
:class="[justifyText, typeStyle, fontWeight]" :class="[justifyText, typeStyle, fontWeight]"
v-html="this.TextBlockCopy"></div> v-html="this.TextBlockCopy"></div>
</template> </template>

View file

@ -8,11 +8,11 @@
:displayGenericVehicleImage="false" /> :displayGenericVehicleImage="false" />
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
<div class="fade-on-route-transition sub-container make-tall"> <div class="fade-on-route-transition sub-container make-tall">
<textBlock <!-- <textBlock
cmsWidgetName="paymentServiceOptionsCopy" cmsWidgetName="paymentServiceOptionsCopy"
justifyText="center" justifyText="center"
typeStyle="small" typeStyle="small"
class="mt-2 mb-5" /> class="mt-2 mb-5" /> -->
<cashOrInsuranceQuestion <cashOrInsuranceQuestion
ref="cashOrInsurance" ref="cashOrInsurance"
cmsWidgetName="CashOrInsuranceQuestionWidget" cmsWidgetName="CashOrInsuranceQuestionWidget"

View file

@ -44,10 +44,9 @@ export default {
<style lang="scss"> <style lang="scss">
a { a {
display: inline-flex !important;
color: $blue; color: $blue;
text-underline-offset: 0.5em; text-underline-offset: 5px;
line-height: 26px; line-height: 2;
padding: 0 0 4px 0; padding: 0 0 4px 0;
font-weight: 500; font-weight: 500;
max-width: fit-content; max-width: fit-content;