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

Merge pull request #2600 from Safelite/CASH-1028-add-ein-add-footer-copy

Browse source 
Cash 1028 add ein add footer copy
This commit is contained in:
bmauger 2025-06-23 15:10:26 -04:00 committed by GitHub
commit 45dffdcc36
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 29 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/experiment-components/donation-block.vue
View file

@ -7,8 +7,10 @@
</div> </div>
</div> </div>
<div class="row-align d-flex px-4"> <div class="row-align d-flex px-4">
<div> <div class="logo-block">
<img class="w-100 mt-1 me-4" :src="LogoImage" /> <img class="w-100" :src="LogoImage" />
<span>EIN: 26-3043727</span>
<!-- This will likely never change so hard coded -->
</div> </div>
<div> <div>
<p class="small subheadline mb-2" v-html="DonationSubHeadline"></p> <p class="small subheadline mb-2" v-html="DonationSubHeadline"></p>
@ -79,7 +81,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<p class="mt-2 mb-4 mx-0 text-center caption" v-html="DonationFooterText"></p> <p class="mt-2 mb-2 mx-0 text-center caption" v-html="DonationFooterText"></p>
<p class="mb-4 mx-0 text-center caption" v-html="DonationFooterText2"></p>
</div> </div>
</div> </div>
</form> </form>
@ -121,6 +124,9 @@ export default {
DonationFooterText() { DonationFooterText() {
return this.getCmsContent(this.cmsWidgetName, "FooterText"); return this.getCmsContent(this.cmsWidgetName, "FooterText");
}, },
DonationFooterText2() {
return this.getCmsContent(this.cmsWidgetName, "FooterText2");
},
LogoImage() { LogoImage() {
return this.getCmsContent("DonationWidget", "Image"); return this.getCmsContent("DonationWidget", "Image");
}, },
@ -195,8 +201,26 @@ export default {
} }
} }
img { .logo-block {
width: 5rem; display: flex;
flex-direction: column;
background: white;
align-items: flex-start;
justify-content: center;
padding: 0 0.5rem;
margin-right: 1rem;
height: max-content;
img {
width: 88px;
}
span {
font-size: 0.625rem;
margin: 0 auto;
padding: 0.5rem 0;
font-family: UrbanistSemibold;
}
} }
.donation-slider { .donation-slider {