host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Edit contact form validation error message

Browse source
This commit is contained in:
Paul Nicoué 2023-02-14 16:07:46 +01:00
parent 271d9b6b2d
commit 61660e4a9c
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/ContactFormValidation.vue
View file

@ -14,7 +14,7 @@
<Transition name="fade-in-expand-height"> <Transition name="fade-in-expand-height">
<div class="contact-form-validation__message" v-show="isValidated" v-click-outside="hideValidationMessage"> <div class="contact-form-validation__message" v-show="isValidated" v-click-outside="hideValidationMessage">
<p class="contact-form-validation__message-success" v-if="isSuccessful">Votre message a bien été envoyé !</p> <p class="contact-form-validation__message-success" v-if="isSuccessful">Votre message a bien été envoyé !</p>
<p class="contact-form-validation__message-error" v-else>Une erreur est survenue... Veuillez me contacter à l'adresse e-mail contact@paulnicoue.com</p> <p class="contact-form-validation__message-error" v-else>Une erreur est survenue... Vérifiez les champs saisis ou contactez-moi à l'adresse e-mail contact@paulnicoue.com</p>
</div> </div>
</Transition> </Transition>
</div> </div>
@ -124,7 +124,7 @@
&-enter-to, &-enter-to,
&-leave-from { &-leave-from {
max-height: calc(1rem + (3 * var(--caption-font-height))); max-height: calc(1rem + (4 * var(--caption-font-height)));
} }
} }