From b3324e69bd2f14f99ff6e1c28529163200e5d56a Mon Sep 17 00:00:00 2001
From: Theophyl Hoguet <theophyl.hoguet@etu.u-bordeaux.fr>
Date: Sun, 12 Mar 2023 02:11:46 +0100
Subject: [PATCH] confirm delete + animation

---
 frontend/src/components/Home.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Home.vue b/frontend/src/components/Home.vue
index 859a589..b91e605 100644
--- a/frontend/src/components/Home.vue
+++ b/frontend/src/components/Home.vue
@@ -50,10 +50,10 @@ export default defineComponent({
 			<select v-model="imageSelectedId" style="width: min-content;margin: 15px;">
 				<option v-for="[id, image] in images" :key="id" :value="id">{{ image.name }}</option>
 			</select>
-			<button @click="confirmDelete()" :class="sure ? 'confirm' : ''">
+			<button @mouseleave="sure = false" @click="confirmDelete()" :class="sure ? 'confirm' : ''">
 				{{ sure ? "Confirmer" : "Supprimer" }}</button>
 		</div>
-		<Image v-if="imageSelectedId !== undefined" :id="imageSelectedId"></Image>
+		<Image class="home" v-if="imageSelectedId !== undefined" :id="imageSelectedId"></Image>
 	</div>
 	<h1 v-else>Aucune image trouvée</h1>
 </template>
@@ -72,9 +72,10 @@ export default defineComponent({
 label {
 	color: white;
 }
-
-img {
+</style>
+<style>
+.home>img {
 	max-width: 60%;
-	max-height: 60%;
+	max-height: 60vh;
 }
 </style>