From 22f7c330ff51cfd9b6278f0fe2d525fc76783a81 Mon Sep 17 00:00:00 2001
From: Rakantor <rakantor.dev@gmail.com>
Date: Fri, 28 Apr 2023 16:27:44 +0200
Subject: [PATCH] Fix bug: images not being displayed correctly

---
 components/ImageCarousel.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/ImageCarousel.vue b/components/ImageCarousel.vue
index 2fa2580..abb8505 100644
--- a/components/ImageCarousel.vue
+++ b/components/ImageCarousel.vue
@@ -1,13 +1,14 @@
 <template>
-  <v-dialog v-model="show" class="d-flex align-center justify-center">
+  <v-dialog v-model="show">
     <v-carousel
       :model-value="index"
       :show-arrows="images.length > 1"
       hide-delimiters
+      class="ma-auto"
+      :height="carouselHeight"
     >
       <v-carousel-item v-for="image of images" :key="image"
         :src="image"
-        class="ma-auto"
       ></v-carousel-item>
     </v-carousel>
   </v-dialog>
@@ -20,6 +21,11 @@ export default {
     show: false,
     images: [],
     index: 0
-  })
+  }),
+  computed: {
+    carouselHeight () {
+      return window.innerHeight * 0.9
+    }
+  }
 }
 </script>
\ No newline at end of file