Merge pull request #2759 from Safelite/CASH-1397-re-add-copy-to-header

CASH-1397 add copy to header
This commit is contained in:
bmauger 2025-08-13 09:21:56 -04:00 committed by GitHub
commit e1551f63a3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -11,7 +11,14 @@
<div class="col-md-6 col-xl-4 mt-4">
<funnelSubHeader class="pb-2" cmsWidgetName="FunnelSubHeaderWidget" />
<div>
<div class="vinlookupquestion mb-5" v-html="VinLookupQuestionText"></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 +236,12 @@ export default {
VinLookupQuestionText() {
return this.getCmsContent("VinLookupQuestion", "BodyText");
},
HeaderText() {
return this.getCmsContent("VinLookupQuestion", "HeaderText");
},
SelectOptionText() {
return this.getCmsContent("VinLookupQuestion", "FooterText");
},
},
components: {
funnelHeader,
@ -241,16 +254,15 @@ export default {
};
</script>
<style lang="scss">
.vinlookupquestion p {
margin-bottom: 0;
<style lang="scss" scoped>
.header-copy {
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
}
.vinlookupquestion strong {
font-weight: 500;
color: $black;
}
.vinlookupquestion p:nth-child(2) {
.header-sub-copy {
font-size: 0.875rem;
margin-bottom: 1rem;
}
.select-option {
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
font-weight: 600;
}
</style>