From bccd82fcf9b5209e7bbc1de78d8100a16e55cdc9 Mon Sep 17 00:00:00 2001
From: Rakantor <rakantor.dev@gmail.com>
Date: Sat, 29 Apr 2023 14:27:04 +0200
Subject: [PATCH] Add close button

---
 components/ImageCarousel.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/ImageCarousel.vue b/components/ImageCarousel.vue
index abb8505..ce2b495 100644
--- a/components/ImageCarousel.vue
+++ b/components/ImageCarousel.vue
@@ -1,9 +1,15 @@
 <template>
   <v-dialog v-model="show">
+    <v-btn
+      position="absolute"
+      location="top right"
+      icon="mdi-close"
+      @click.prevent="show = false"
+      style="z-index: 5000;"
+    ></v-btn>
     <v-carousel
       :model-value="index"
       :show-arrows="images.length > 1"
-      hide-delimiters
       class="ma-auto"
       :height="carouselHeight"
     >