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