Merge pull request #2769 from Safelite/rlsmerge/2025.08.14-to-2025.09.04
Rlsmerge/2025.08.14 to 2025.09.04
This commit is contained in:
commit
ab46dce800
2 changed files with 37 additions and 12 deletions
|
|
@ -11,9 +11,11 @@
|
|||
@click-event="clickEvent" />
|
||||
</h5>
|
||||
</div>
|
||||
<div v-if="subText" class="d-flex align-self-center overflow-hidden mt-1">
|
||||
<p class="small fw-normal sub-text">
|
||||
<span v-html="boldedSubHeaderText"></span>
|
||||
<div
|
||||
v-if="subText"
|
||||
class="d-flex align-items-center justify-content-center container-fluid overflow-hidden mt-1">
|
||||
<p class="text-center small fw-normal sub-text">
|
||||
<span v-html="subText"></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,24 @@
|
|||
<template>
|
||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||
<loadingModal ref="loadingModal" />
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
<div class="container page-container-grouped-styles estimate">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7">
|
||||
<div class="container-fluid page-container-grouped-styles">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6 col-xl-4 mt-4">
|
||||
<funnelSubHeader class="pb-2" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||
<div>
|
||||
<div class="vinlookupquestion" v-html="this.VinLookupQuestionText"></div>
|
||||
<div v-html="this.VinLookupQuestionBodyText2"></div>
|
||||
<div
|
||||
class="select-an-option"
|
||||
v-html="this.VinLookupQuestionFooterText"></div>
|
||||
<p class="header-copy mb-2 text-md-center" v-html="HeaderText"></p>
|
||||
|
||||
<p
|
||||
class="header-sub-copy mb-5 text-md-center"
|
||||
v-html="VinLookupQuestionText"></p>
|
||||
|
||||
<p class="select-option mb-2" v-html="SelectOptionText"></p>
|
||||
|
||||
<buttonQuestion
|
||||
cmsWidgetName="VinLookupMethod"
|
||||
:answers="answersFromCms"
|
||||
|
|
@ -229,6 +237,12 @@ export default {
|
|||
VinLookupQuestionText() {
|
||||
return this.getCmsContent("VinLookupQuestion", "BodyText");
|
||||
},
|
||||
HeaderText() {
|
||||
return this.getCmsContent("VinLookupQuestion", "HeaderText");
|
||||
},
|
||||
SelectOptionText() {
|
||||
return this.getCmsContent("VinLookupQuestion", "FooterText");
|
||||
},
|
||||
VinLookupQuestionBodyText2() {
|
||||
return this.getCmsContent("VinLookupQuestion", "BodyText2");
|
||||
},
|
||||
|
|
@ -249,14 +263,23 @@ export default {
|
|||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.header-copy {
|
||||
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
|
||||
<style lang="scss">
|
||||
.vinlookupquestion p {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.header-sub-copy {
|
||||
font-size: 0.875rem;
|
||||
|
||||
.select-an-option {
|
||||
font-family: UrbanistSemibold;
|
||||
font-weight: 600;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.select-option {
|
||||
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in a new issue