WIP Добавил страницу доверенного лица

src/pages/newMedicalCard/components/MedicalFormWrapper.vue

@@ -4,9 +4,13 @@
       .loader.absolute.z-10.flex.items-center.justify-center.w-full.h-full.rounded(v-if="isLoadingData")
         base-loader
     .flex.flex-col.h-full.gap-25px.p-6
-      .flex.w-fit.gap-11px.items-center
-        span.font-bold.text-base {{title}}
-        q-icon.edit-button.text-lg.cursor-pointer(name="app:edit" v-if="!isEdit" @click="openEdit" size="20")
+      .flex.w-full.justify-between
+        .flex.w-fit.gap-11px.items-center
+          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")
+        .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 }}
       slot
       .flex.h-fit.w-fit.gap-2(v-if="isEdit")
         base-button.text-base.font-semibold(outlined :size="40" @click="cancel") Отменить
@@ -21,6 +25,7 @@ export default {
   components: { BaseButton, BaseLoader },
   props: {
     title: String,
+    titleDelete: String,
     cancel: {
       type: Function,
       default: () => {},
@@ -33,6 +38,10 @@ export default {
       type: Function,
       default: () => {},
     },
+    deleteItem: {
+      type: Function,
+      default: () => {},
+    },
     isCheckChange: {
       type: Boolean,
       default: false,
@@ -54,6 +63,12 @@ export default {
   background-color: var(--default-white)
 .edit-button
   color: var(--btn-blue-color)
+  &:hover
+    color: var(--btn-blue-color-hover)
+.delete-button
+  color: var(--font-grey-color)
+  &:hover
+    opacity: 0.7
 .loader
   background-color: var(--default-white)
 .medical-form-enter-from