WIP Создал форму Аллергий

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

@@ -54,17 +54,20 @@
               v-if="isEdit" 
               @click="() => deleteContact(key, index)"
               )
-        .w-full(v-if="isEdit")
-          .add-contact.w-fit.flex.gap-10px.items-center.cursor-pointer( 
+        base-button.ml-6px(
+            v-if="isEdit" 
+            left-icon="icon-plus" 
+            added-border-none 
+            :icon-left-size="12"
             @click="() => addNewContact(key)"
-            )
-            .icon-plus
-            span.font-medium.text-base Добавить
+          )
+          span.font-medium.text-base Добавить
 </template>
 
 <script>
 import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
+import BaseButton from "@/components/base/BaseButton.vue";
 import BaseSelectNetworks from "@/components/base/BaseSelectNetworks.vue";
 import { mapNetworks } from "@/pages/newMedicalCard/utils/medicalConfig";
 import { checkChangeData } from "@/shared/utils/changesObjects";
@@ -73,13 +76,12 @@ import { mapState, mapGetters } from "vuex";
 
 export default {
   name: "ContactsForm",
-  components: { MedicalFormWrapper, BaseInput, BaseSelectNetworks },
+  components: { MedicalFormWrapper, BaseInput, BaseSelectNetworks, BaseButton },
   data() {
     return {
       isEdit: false,
       isLoadingData: false,
       isCheckChange: false,
-      isChangeNetwork: false,
       configData: contactsDataForm,
       mapNetworks: mapNetworks,
     };
@@ -175,6 +177,4 @@ export default {
   color: var(--font-grey-color)
 .delete-contact
   color: var(--font-grey-color)
-.add-contact
-  color: var(--btn-blue-color)
 </style>