Исправила базовые кнопки

src/pages/newCalendar/components/RecordCreationForm.vue

@@ -51,25 +51,8 @@
         :networks-list="getNetworksList",
       )
   .footer.flex.gap-2
-    q-btn(
-      color="primary",
-      outline,
-      size="16px",
-      no-caps,
-      label="Отменить"
-      :style="{width: '126px', height: '40px'}",
-      padding="0",
-      @click="closeForm"
-    )
-    q-btn(
-      color="primary",
-      size="16px",
-      no-caps,
-      label="Создать запись"
-      :style="{width: '174px', height: '40px'}",
-      padding="0",
-      @click="closeForm"
-    )
+    base-button(type="secondary", label="Отменить", width="126px", @click="closeForm")
+    base-button(width="168px", label="Создать запись", @click="closeForm")
 </template>
 
 <script>
@@ -85,6 +68,7 @@ import BaseInputFullName from "@/components/base/BaseInputFullName.vue";
 import { patientData } from "@/pages/newCalendar/utils/calendarConfig.js";
 import HeaderRecordForm from "./HeaderRecordForm.vue";
 import BaseCalendar from "@/components/base/Calendar/BaseCalendar.vue";
+import BaseButton from "@/components/base/BaseButton.vue";
 
 export default {
   name: "RecordCreationForm",
@@ -97,6 +81,7 @@ export default {
     BaseInputFullName,
     BaseCalendar,
     HeaderRecordForm,
+    BaseButton,
   },
   props: { isShowForm: Boolean, closeForm: Function },
   mixins: [v_model],