WIP Поправил адаптив и ошибку обновления данных

src/pages/newMedicalCard/components/BasicDataForms/DocumentsForm.vue

@@ -203,13 +203,13 @@ export default {
               passportFormData.append(elem.name, elem.modelValue ?? "");
             } else documentsFormData.append(elem.name, elem.modelValue ?? "");
           });
-          this.checkChengePhoto("passport", "photo", passportFormData);
+          this.checkChangePhoto("passport", "photo", passportFormData);
-          this.checkChengePhoto(
+          this.checkChangePhoto(
             "insurance_number",
             "photo_insurance_number",
             documentsFormData
           );
-          this.checkChengePhoto(
+          this.checkChangePhoto(
             "tax_identification_number",
             "photo_tax_identification_number",
             documentsFormData
@@ -280,7 +280,7 @@ export default {
         }
       });
     },
-    checkChengePhoto(updatedObjId, field, formData) {
+    checkChangePhoto(updatedObjId, field, formData) {
       if (this.docData[updatedObjId][field]?.file)
         formData.append(field, this.docData[updatedObjId][field]?.file[0]);
     },

src/pages/newMedicalCard/components/MedicalBasicDataWrapper.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  .flex.flex-col.gap-y-2.wrapper.h-full
+  .flex.flex-col.gap-y-2.wrapper.h-full.w-full
     basic-data-form
     contacts-form
     documents-form
@@ -21,6 +21,8 @@ export default {
 .wrapper
   flex: 1
   overflow-y: auto
+  min-width: 560px
+  min-height: 350px
   @media (max-width: 600px)
     width: fit-content
   &::-webkit-scrollbar

src/pages/newMedicalCard/components/MedicalConfidantWrapper.vue

@@ -37,6 +37,8 @@ export default {
 .wrapper
   width: 83.2%
   overflow-y: auto
+  min-width: 560px
+  min-height: 350px
   @media (max-width: 600px)
     width: fit-content
   &::-webkit-scrollbar

src/pages/newMedicalCard/components/MedicalHeader.vue

@@ -63,7 +63,7 @@
           span.date-color {{ updatedDate }}
     .flex.justify-between.pt-4
       .flex
-        .menu-item.px-6.py-10px.cursor-pointer.text-base(
+        .menu-item.px-6.py-10px.cursor-pointer.text-base.whitespace-nowrap(
           v-for="item in menuItem",
           @click="selectItem(item)",
           :class="{'menu-item-active': item.component === modelValue}",
@@ -169,6 +169,7 @@ export default {
   width: 83.2%
   height: 18.7%
   background-color: var(--default-white)
+  min-width: 1050px
   min-height: 190px
 .menu-item
   color: var(--font-grey-color)

src/pages/newMedicalCard/components/MedicalSidebar.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
   .sidebar-wrapper.h-full.rounded.px-2.py-6.flex.flex-col
-    .menu-item.text-base.px-4.py-3.rounded.cursor-pointer(
+    .menu-item.text-base.px-4.py-3.rounded.cursor-pointer.whitespace-nowrap(
       v-for="item in menuItem",
       :key="item.id",
       :id="item.id",
@@ -20,6 +20,9 @@ export default {
       menuItem: baseInfoMenu,
     };
   },
+  updated() {
+    this.$store.dispatch("returnInitData");
+  },
   methods: {
     selectItem(item) {
       this.value = item?.component;
@@ -29,7 +32,8 @@ export default {
 </script>
 <style lang="sass" scoped>
 .sidebar-wrapper
-  width: 16.3%
+  min-width: 300px
+  min-height: 350px
   background-color: var(--default-white)
 .menu-item
   color: var(--font-grey-color)