From 65de9d7fbd24cdbb848856b23a0eb39d05daeb67 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Mon, 12 Aug 2024 16:38:57 +0300
Subject: [PATCH] modal

---
 front/components/getImage.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/front/components/getImage.vue b/front/components/getImage.vue
index 3020174..a1ac80d 100644
--- a/front/components/getImage.vue
+++ b/front/components/getImage.vue
@@ -17,16 +17,18 @@ watch(imagesStore, () => {
 <template>
     <template v-if="img.status == 'success'">
         <template v-if="props.type == 'img'">
-            <NuxtImg :src="img.result" />
+            <a href="#" @click.prevent="openImage">
+                <NuxtImg :src="img.result" />
+            </a>
         </template>
         <template v-else>
             <a href="#" @click.prevent="openImage">
                 <Icon name="i-mdi-image" />
             </a>
-            <UModal v-model="isOpen" :ui="{ width: 'w-full', }">
-                <img :src="img.result" />
-            </UModal>
         </template>
+        <UModal v-model="isOpen" :ui="{ width: 'w-full', }">
+            <img :src="img.result" />
+        </UModal>
     </template>
     <template v-else-if="img.status == 'error'">
         <Icon name="i-mdi-close-circle-outline" />