petites modifs client + spell check

frontend/src/components/Home.vue

@@ -66,11 +66,13 @@ export default defineComponent({
 </script>
 <template>
 	<div class="flex" v-if="images.size > 0">
-		<h3 v-if="!editor">Restez sur l'image pour passer en mode éditeur</h3>
-		<h3 v-else>Restez sur l'image pour passer en mode selection</h3>
+		<h1 v-if="!editor">MODE SÉLECTION</h1>
+		<h1 v-else>MODE ÉDITEUR</h1>
 		<HomeSelect v-if="!editor" :images="images" :image-selected-id="imageSelectedId" @delete="id => $emit('delete', id)"
 			@updateImageSelectedId="id => updateImageSelectedId(id)"></HomeSelect>
 		<HomeEditor v-else @apply-filter="(newFilter) => filter = newFilter"></HomeEditor>
+		<h5 v-if="!editor">Restez sur l'image pour passer en mode éditeur</h5>
+		<h5 v-else>Restez sur l'image pour passer en mode selection</h5>
 		<Image @mouseleave="clearTimer()" @mouseenter="startTimer()" class="home"
 			v-if="imageSelectedId !== undefined && imageSelectedId !== -1" :id="imageSelectedId" :images="images"
 			:filter="filter">
@@ -83,10 +85,12 @@ export default defineComponent({
 <style scoped>
 h1 {
 	color: white;
+	margin: 0;
 }
 
-h3 {
+h5 {
 	color: white;
+	margin: 1vw 0 0 0;
 }
 
 a {
@@ -110,7 +114,7 @@ html {
 	width: auto;
 	height: auto;
 	max-height: 60vh;
-	margin: 2vw 0;
+	margin: 0 0 2vw 0;
 }
 
 div.home.imageContainer:hover {

frontend/src/components/HomeEditor.vue

@@ -54,7 +54,7 @@ export default defineComponent({
 </script>
 <template>
 	<div class="editor">
-		<label>Selectioner un filtre: </label>
+		<label>Sélectionner un filtre: </label>
 		<div class="custom-select" @blur="open = false">
 			<div class="selected" :class="{ open: open }" @click="open = !open">
 				<span>{{ filterSelectId === 0 ? "Aucun filtre" : filters[filterSelectId - 1].name }}</span>

frontend/src/components/HomeSelect.vue

@@ -51,7 +51,7 @@ export default defineComponent({
 
 <template>
 	<div class="selector">
-		<label>Selectioner une image: </label>
+		<label>Sélectionner une image: </label>
 		<div class="custom-select" @blur="open = false">
 			<div class="selected" :class="{ open: open }" @click="open = !open">
 				<span>{{ images.get(imageSelectedId)?.name }}</span>

frontend/src/components/Upload.vue

@@ -118,7 +118,7 @@ export default defineComponent({
 		</div>
 		<button class="button" :class="classSendButton" @click="submitImage()" @mouseleave="resetSendButton()">{{
 			titleSendButton }}</button>
-		<button class="button" v-if="file !== null && file.length !== 0" @click="resetFile()">Reinitialiser</button>
+		<button class="button" v-if="file !== null && file.length !== 0" @click="resetFile()">Réinitialiser</button>
 	</div>
 	<h2 v-if="file !== null && file.length !== 0">Preview :</h2>
 	<div class="previewBox">