[WIP] Добавил возможность просмотра фото

src/pages/newMedicalCard/components/MedicalFormWrapper.vue

@@ -7,16 +7,42 @@
       .flex.w-full.justify-between
         .flex.w-fit.gap-11px.items-center(v-if="!tag")
           span.font-bold.text-base.whitespace-nowrap {{title}}
-          q-icon.edit-button.text-lg.cursor-pointer(name="app:edit" v-if="!isEdit" @click="openEdit" size="20")
+          q-icon.edit-button.text-lg.cursor-pointer(
+            name="app:edit",
+            v-if="!isEdit",
+            @click="openEdit",
+            size="20"
+            )
         .flex.w-full.gap-11px.items-center.justify-between(v-else)
           span.font-bold.text-base.whitespace-nowrap {{title}}
-          .flex.items-center.h-5(v-if="!template", :style="{color: 'var(--btn-blue-color)'}")
-            q-btn(no-caps, outline, padding="10px 24px")
+          .flex.items-center.h-5(
+            v-if="!template",
+            :style="{color: 'var(--btn-blue-color)'}"
+            )
+            q-btn(
+              no-caps,
+              outline,
+              padding="10px 24px"
+              )
               img.mr-2(:src="layers")
               span.text-smm.font-medium Шаблоны
-        .flex.w-fit.gap-10px.items-center.delete-button.cursor-pointer(v-if="!isEdit && titleDelete" @click="deleteItem")
-          q-icon(name="app:basket" size="20")
-          span.text-smm.font-medium {{ titleDelete }}
+        .flex(v-if="deleteItem")
+          q-btn(
+            @click="deleteItem",
+            v-if="!titleDelete",
+            :style="{backgroundColor: 'var(--bg-light-grey)', color: 'var(--font-grey-color)'}",
+            padding="10px",
+            )
+            q-icon(
+              name="app:basket",
+              size="20px",
+              )
+          .flex.w-fit.gap-10px.items-center.delete-button.cursor-pointer(
+            v-else-if="!isEdit && titleDelete", 
+            @click="deleteItem"
+            )
+            q-icon(name="app:basket" size="20")
+            span.text-smm.font-medium {{ titleDelete }}
         slot(name="right-corner")
       slot
       .flex.h-fit.w-fit.gap-2(v-if="isEdit && buttonsPresence")
@@ -69,10 +95,7 @@ export default {
       type: Function,
       default: () => {},
     },
-    deleteItem: {
-      type: Function,
-      default: () => {},
-    },
+    deleteItem: Function,
     isCheckChange: {
       type: Boolean,
       default: false,