From 307be759a9db8733305e1927280434899973fe10 Mon Sep 17 00:00:00 2001
From: Kea Horvath <kea.horvath@etu.u-bordeaux.fr>
Date: Fri, 17 Mar 2023 04:29:28 +0100
Subject: [PATCH] petites modifs client + spell check

---
 frontend/src/components/Home.vue       | 12 ++++++++----
 frontend/src/components/HomeEditor.vue |  2 +-
 frontend/src/components/HomeSelect.vue |  2 +-
 frontend/src/components/Upload.vue     |  2 +-
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Home.vue b/frontend/src/components/Home.vue
index 6372a3d..d5cf97a 100644
--- a/frontend/src/components/Home.vue
+++ b/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 {
diff --git a/frontend/src/components/HomeEditor.vue b/frontend/src/components/HomeEditor.vue
index 6d3da05..0206985 100644
--- a/frontend/src/components/HomeEditor.vue
+++ b/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>
diff --git a/frontend/src/components/HomeSelect.vue b/frontend/src/components/HomeSelect.vue
index e561c7d..3300f11 100644
--- a/frontend/src/components/HomeSelect.vue
+++ b/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>
diff --git a/frontend/src/components/Upload.vue b/frontend/src/components/Upload.vue
index 8a570e9..a046963 100644
--- a/frontend/src/components/Upload.vue
+++ b/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">