CASH-185
CASH-185 formatting
This commit is contained in:
parent
c3538ce36e
commit
b15bf1be6f
1 changed files with 20 additions and 21 deletions
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue