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

Merge branch 'release/2025.08.14' into rlsmerge/2025.08.14-to-2025.09.04

Browse source
This commit is contained in:
CarlNation 2025-08-14 11:43:10 -04:00
commit 66abac2f7d
2 changed files with 37 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/fmg-components/funnel-sub-header/funnel-sub-header.vue
View file

@ -11,9 +11,11 @@
@click-event="clickEvent" /> @click-event="clickEvent" />
</h5> </h5>
</div> </div>
<div v-if="subText" class="d-flex align-self-center overflow-hidden mt-1"> <div
<p class="small fw-normal sub-text"> v-if="subText"
<span v-html="boldedSubHeaderText"></span> 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> </p>
</div> </div>
</div> </div>

41
src/layouts/estimate/estimate.vue
View file

@ -1,16 +1,24 @@
<template> <template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }"> <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
<loadingModal ref="loadingModal" /> <loadingModal ref="loadingModal" />
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" /> <div class="container-fluid page-container-grouped-styles">
<div class="container page-container-grouped-styles estimate"> <div class="row justify-content-center">
<div class="row"> <div class="col-md-6">
<div class="col-12 col-md-10 col-lg-8 col-xl-7"> <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>
<div class="vinlookupquestion" v-html="this.VinLookupQuestionText"></div> <p class="header-copy mb-2 text-md-center" v-html="HeaderText"></p>
<div v-html="this.VinLookupQuestionBodyText2"></div>
<div <p
class="select-an-option" class="header-sub-copy mb-5 text-md-center"
v-html="this.VinLookupQuestionFooterText"></div> v-html="VinLookupQuestionText"></p>
<p class="select-option mb-2" v-html="SelectOptionText"></p>
<buttonQuestion <buttonQuestion
cmsWidgetName="VinLookupMethod" cmsWidgetName="VinLookupMethod"
:answers="answersFromCms" :answers="answersFromCms"
@ -229,6 +237,12 @@ export default {
VinLookupQuestionText() { VinLookupQuestionText() {
return this.getCmsContent("VinLookupQuestion", "BodyText"); return this.getCmsContent("VinLookupQuestion", "BodyText");
}, },
HeaderText() {
return this.getCmsContent("VinLookupQuestion", "HeaderText");
},
SelectOptionText() {
return this.getCmsContent("VinLookupQuestion", "FooterText");
},
VinLookupQuestionBodyText2() { VinLookupQuestionBodyText2() {
return this.getCmsContent("VinLookupQuestion", "BodyText2"); return this.getCmsContent("VinLookupQuestion", "BodyText2");
}, },
@ -249,14 +263,23 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped>
.header-copy {
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
<style lang="scss"> <style lang="scss">
.vinlookupquestion p { .vinlookupquestion p {
font-size: 1.25rem; font-size: 1.25rem;
} }
.header-sub-copy {
font-size: 0.875rem;
.select-an-option { .select-an-option {
font-family: UrbanistSemibold; font-family: UrbanistSemibold;
font-weight: 600; font-weight: 600;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.select-option {
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
font-weight: 600;
}
</style> </style>