correcting some texts and syntaxes
This commit is contained in:
@@ -3,6 +3,8 @@ import { useBurgerStore } from '@/stores/burger'
|
||||
import Modal from '@/components/Modal.vue';
|
||||
import { ref, onMounted } from 'vue';
|
||||
import { formService } from '@/services/form';
|
||||
import Spinner from '@/components/Spinner.vue';
|
||||
|
||||
//import { badge } from 'fontawesome';
|
||||
onMounted(() => {
|
||||
burger.check()
|
||||
@@ -133,7 +135,8 @@ const onSubmit = () => {
|
||||
Send !
|
||||
</div>
|
||||
<div v-else>
|
||||
Sending
|
||||
<Spinner/>
|
||||
Sending...
|
||||
</div>
|
||||
</button>
|
||||
<div class="error" v-if="errors.database">
|
||||
@@ -146,8 +149,8 @@ const onSubmit = () => {
|
||||
|
||||
<Modal @close="toggleModal" :modalActive="modalActive">
|
||||
<div class="modal-content">
|
||||
<h1 class="modal-title">Merci !</h1>
|
||||
<p class="modal-p">Votre message a bien été envoyé !</p>
|
||||
<h1 class="modal-title">Thank you !</h1>
|
||||
<p class="modal-p">Your message has been sent successfully!</p>
|
||||
</div>
|
||||
</Modal>
|
||||
</div>
|
||||
@@ -224,11 +227,12 @@ const onSubmit = () => {
|
||||
}
|
||||
}
|
||||
& button{
|
||||
|
||||
margin: 0.5em;
|
||||
border: none;
|
||||
//border-radius: 10px;
|
||||
font-size:1.5rem;
|
||||
background-color: white;
|
||||
background-color: darken($green, 10%);
|
||||
outline : 3px;
|
||||
outline-style: solid;
|
||||
outline-offset: -5px;
|
||||
@@ -236,16 +240,22 @@ const onSubmit = () => {
|
||||
color:black;
|
||||
padding: 0.3em 0.9em;
|
||||
transition:0.3s;
|
||||
|
||||
&:hover{
|
||||
cursor: pointer;
|
||||
background-color: darken(white, 15%);
|
||||
background-color: $green
|
||||
}
|
||||
&:disabled{
|
||||
background-color: rgb(165, 165, 165);
|
||||
background-color: hsl(0, 0%, 55%);
|
||||
&:hover{
|
||||
cursor : default;
|
||||
}
|
||||
}
|
||||
& > div{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -255,8 +265,5 @@ const onSubmit = () => {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
.grecaptcha-badge{
|
||||
transition : 0.5s;
|
||||
opacity : 1;
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user