CASH-185 formatting
This commit is contained in:
Johnny shultz 2025-03-14 16:30:09 -04:00
parent c3538ce36e
commit b15bf1be6f

View file

@ -39,11 +39,11 @@
v-model="waitListRequested" v-model="waitListRequested"
@click="waitListChecked" /> @click="waitListChecked" />
</div> </div>
<div v-if="waitListRequested" <div
class="mt-5 rounded waitlist-success" v-if="waitListRequested"
ref="waitlistSuccessMessage" class="mt-5 rounded waitlist-success"
> ref="waitlistSuccessMessage">
<img :src="WaitListSuccessImage" class="success-image"/> <img :src="WaitListSuccessImage" class="success-image" />
<span v-html="WaitListSuccessText" class="success-text"></span> <span v-html="WaitListSuccessText" class="success-text"></span>
</div> </div>
<div <div
@ -366,10 +366,10 @@ export default {
displayWaitListFeature() { displayWaitListFeature() {
return this.displayWaitList; return this.displayWaitList;
}, },
WaitListSuccessImage(){ WaitListSuccessImage() {
return this.getCmsContent("WaitListSuccessWidget", "Image"); return this.getCmsContent("WaitListSuccessWidget", "Image");
}, },
WaitListSuccessText(){ WaitListSuccessText() {
return this.getCmsContent("WaitListSuccessWidget", "BodyText"); return this.getCmsContent("WaitListSuccessWidget", "BodyText");
}, },
}, },
@ -544,7 +544,7 @@ export default {
scrollToSuccessMessage() { scrollToSuccessMessage() {
const successMessageElement = this.$refs.waitlistSuccessMessage; const successMessageElement = this.$refs.waitlistSuccessMessage;
if (successMessageElement) { if (successMessageElement) {
successMessageElement.scrollIntoView({ behavior: 'smooth' }); successMessageElement.scrollIntoView({ behavior: "smooth" });
} }
}, },
}, },
@ -609,7 +609,7 @@ export default {
margin-bottom: -8px; margin-bottom: -8px;
.ui-checkbox { .ui-checkbox {
padding-left: 0px; padding-left: 0px;
input{ input {
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 1px 4px 0px #00000033; box-shadow: 0px 1px 4px 0px #00000033;
} }
@ -619,29 +619,28 @@ export default {
} }
} }
.waitlist-success { .waitlist-success {
background-color: #ECF5E9; background-color: #ecf5e9;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
border: 1px solid #0C7E47; border: 1px solid #0c7e47;
border-radius: 5px; border-radius: 5px;
font-size: $h5-font-size; font-size: $h5-font-size;
padding: 12px 16px; padding: 12px 16px;
margin-bottom: -8px; margin-bottom: -8px;
height: 78px; height: 78px;
width:326px; width: 326px;
.success-text{ .success-text {
margin-left:8px; margin-left: 8px;
strong{ strong {
font-weight: 600;
font-weight: 600; letter-spacing: 0%;
letter-spacing: 0%; }
}
} }
.success-image{ .success-image {
margin-top: 4.5px; margin-top: 4.5px;
width: 16px; width: 16px;
height: 16px; height: 16px;
color:#0C7E47 color: #0c7e47;
} }
} }
} }