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"
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue