From 0d972ee0d7ae0d153643de6b2d0f4ae771e51d31 Mon Sep 17 00:00:00 2001
From: TO <th.theophyl.hoguet@gmail.com>
Date: Thu, 16 Mar 2023 17:16:33 +0100
Subject: [PATCH] size image + fix when no file on server

---
 frontend/src/components/Gallery.vue | 13 ++++++++++---
 frontend/src/components/Image.vue   |  6 ++++--
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Gallery.vue b/frontend/src/components/Gallery.vue
index 3d3e25e..2656ff1 100644
--- a/frontend/src/components/Gallery.vue
+++ b/frontend/src/components/Gallery.vue
@@ -16,15 +16,19 @@ export default defineComponent({
 </script>
 
 <template>
-	<div class="flex" v-if="images.keys !== null">
+	<div class="flex" v-if="images.size > 0">
 		<div v-for="[id, image] in images" :key="id" class="image">
 			<label>{{ image.name }}</label>
 			<Image class="gallery" :id="id" :images="images" redirect="home" />
 		</div>
 	</div>
-	<h1 v-else>No image found</h1>
+	<h1 v-else>Aucune image trouvée</h1>
 </template>
 <style scoped>
+h1 {
+	color: white;
+}
+
 .flex {
 	display: flex;
 	flex-direction: row;
@@ -58,6 +62,9 @@ label {
 <style>
 .gallery.imageContainer {
 	margin: 2vw;
-	height: max(33vh, calc(90vh/v-bind('images.size')));
+	max-height: min(33vh, 33vw);
+	max-width: min(33vw, 33vh);
+	height: auto;
+	width: auto;
 }
 </style>
\ No newline at end of file
diff --git a/frontend/src/components/Image.vue b/frontend/src/components/Image.vue
index 9bf0d7c..8042cb4 100644
--- a/frontend/src/components/Image.vue
+++ b/frontend/src/components/Image.vue
@@ -64,8 +64,10 @@ export default defineComponent({
 
 <style>
 .imageContainer img {
-	width: 100%;
-	height: 100%;
+	max-width: 100%;
+	max-height: 100vh;
+	height: auto;
+	width: auto;
 	object-fit: contain;
 }