WIP formatting.

This commit is contained in:
Bryan Mauger 2025-02-17 10:41:38 -05:00
parent f4d8cd3f4f
commit 59c4046281
3 changed files with 18 additions and 13 deletions

View file

@ -34,12 +34,17 @@
</div>
<div class="row">
<div class="col">
<button class="btn btn-secondary w-100 mb-2" v-html="DonationAddButtonWidget"></button>
<button
class="btn btn-secondary w-100 mb-2"
v-html="DonationAddButtonWidget"></button>
</div>
</div>
<div class="row">
<div class="col">
<div v-if="donationSuccess" class="d-flex justify-content-center align-items-center btn-success w-100 mb-2" v-html="DonationThanksAlertWidget"></div>
<div
v-if="donationSuccess"
class="d-flex justify-content-center align-items-center btn-success w-100 mb-2"
v-html="DonationThanksAlertWidget"></div>
</div>
</div>
<div class="row">
@ -221,18 +226,18 @@ export default {
.btn-success {
background: $green-100;
border: 1px solid $green-400;
border-radius: .5rem;
border-radius: 0.5rem;
height: 3rem;
padding: .5rem;
padding: 0.5rem;
font-weight: 600;
&:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%230C7E47' d='M8.5 0a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm3.7 6.171-4.449 4.45a.559.559 0 0 1-.8 0l-2.16-2.16a.563.563 0 0 1 .792-.8l1.76 1.76 4.066-4.042a.563.563 0 1 1 .792.8v-.008Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h16v16H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
width: 1rem;
height: 0.95rem;
position: relative;
left: -0.25rem;
}
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%230C7E47' d='M8.5 0a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm3.7 6.171-4.449 4.45a.559.559 0 0 1-.8 0l-2.16-2.16a.563.563 0 0 1 .792-.8l1.76 1.76 4.066-4.042a.563.563 0 1 1 .792.8v-.008Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h16v16H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
width: 1rem;
height: 0.95rem;
position: relative;
left: -0.25rem;
}
}
}
</style>

View file

@ -462,7 +462,7 @@ export default {
}
},
donationValues() {
return [1,3,5];
return [1, 3, 5];
},
donationAmount() {
const donationItems = this.submittedOrder?.lineItems?.supportingItems?.filter(
@ -528,7 +528,7 @@ export default {
},
watch: {
donationAmount(newValue) {
console.log("WATCHED donationAmount changed: ", newValue)
console.log("WATCHED donationAmount changed: ", newValue);
this.addDonation(newValue);
},
},

View file

@ -1,4 +1,4 @@
process.env.VUE_APP_CONSUMER_CF_DISTRO = "https://digitalapi.qa.safelite.io";
process.env.VUE_APP_CONSUMER_CF_DISTRO = "https://digitalapi.dev.safelite.io";
//process.env.VUE_APP_HERITAGE_FUNNEL = "http://localhost:38000/default.aspx";
process.env.VUE_APP_HERITAGE_FUNNEL = "https://fixmyglassdev.safelite.com/default.aspx";
process.env.VUE_APP_GOOGLE_PLACES_API_KEY = "AIzaSyDptGCkOPgN2uWJOy4ou4M33phRD4MAoJo";