correcting some texts and syntaxes

This commit is contained in:
2023-05-29 22:58:19 +02:00
parent ff3ea2cdcd
commit 1d224c7396
6 changed files with 174 additions and 46 deletions

View File

@@ -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>