WIP Сделала BaseButton

src/pages/newMedicalCard/components/AllergiesForms/AllergiesForm.vue

@@ -45,19 +45,21 @@
               v-if="isEdit" 
               @click="() => deleteAllergy(index)"
             )
-    base-button(
-      v-if="isEdit"
-      left-icon="icon-plus" 
-      added-border-none
+    q-btn.ml-2px(
+      v-if="isEdit",
+      color="primary",
+      flat,
+      :style="{'font-weight': 500, width: '104px', height: '24px'}",
+      no-caps,
+      padding="0",
       @click="(e) => addNewAllergy(e)" 
-      :icon-left-size="12"
-      )
-      span.font-medium.text-base Добавить
+    )
+      q-icon(name="app:icon-plus", size="12px", left)
+      span Добавить
 </template>
 
 <script>
 import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
-import BaseButton from "@/components/base/BaseButton.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
 import TheNotificationProvider from "@/components/Notifications/TheNotificationProvider.vue";
 import { getFieldsNameUnvalidated } from "@/shared/utils/changesObjects";
@@ -71,7 +73,6 @@ export default {
   name: "AllergiesForm",
   components: {
     MedicalFormWrapper,
-    BaseButton,
     BaseInput,
     TheNotificationProvider,
   },
@@ -164,4 +165,8 @@ export default {
   color: var(--font-grey-color)
 .label-field
   color: var(--font-grey-color)
+.on-left
+  margin-right: 10px
+.q-btn :deep(.q-ripple)
+  display: none
 </style>