CASH-185
CASH-185 formatting
This commit is contained in:
parent
c3538ce36e
commit
b15bf1be6f
1 changed files with 20 additions and 21 deletions
|
|
@ -39,10 +39,10 @@
|
||||||
v-model="waitListRequested"
|
v-model="waitListRequested"
|
||||||
@click="waitListChecked" />
|
@click="waitListChecked" />
|
||||||
</div>
|
</div>
|
||||||
<div v-if="waitListRequested"
|
<div
|
||||||
|
v-if="waitListRequested"
|
||||||
class="mt-5 rounded waitlist-success"
|
class="mt-5 rounded waitlist-success"
|
||||||
ref="waitlistSuccessMessage"
|
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>
|
||||||
|
|
@ -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" });
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
@ -619,10 +619,10 @@ 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;
|
||||||
|
|
@ -632,7 +632,6 @@ export default {
|
||||||
.success-text {
|
.success-text {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
strong {
|
strong {
|
||||||
|
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
letter-spacing: 0%;
|
letter-spacing: 0%;
|
||||||
}
|
}
|
||||||
|
|
@ -641,7 +640,7 @@ export default {
|
||||||
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