WIP Сделала BaseButton

src/pages/newCalendar/components/CalendarOpenSidebar.vue

@@ -9,16 +9,12 @@
       )
         img(:src="arrow")
     .form.flex.p-4
-      q-btn(
-        color="primary",
-        size="16px",
-        label="Создать запись",
+      base-button(
+        width="100%",
         @click="createForm",
-        no-caps,
-        icon="add",
-        :style="{width: '100%', height: '40px'}",
-        padding="0"
       )
+        q-icon(name="app:plus", size="12px", left)
+        span Создать событие
     .flex.flex-col.gap-y-1
       q-expansion-item.expansion.font-bold.text-xm(
         v-for="(elem, index) in patientList",
@@ -83,11 +79,11 @@ import sort_word from "@/assets/icons/sort_word.svg";
 import BaseInput from "@/components/base/BaseInput.vue";
 import { patientList } from "@/pages/newCalendar/utils/calendarConfig.js";
 import { trimName } from "@/pages/newCalendar/utils/calendarFunctions.js";
-
+import BaseButton from "@/components/base/BaseButton.vue";
 export default {
   name: "CalendarOpenSidebar",
   props: { openSidebar: Function, createForm: Function },
-  components: { BaseInput },
+  components: { BaseInput, BaseButton },
   data() {
     return {
       val: [],

src/pages/newCalendar/components/CalendarSidebar.vue

@@ -115,11 +115,12 @@ import { patientData } from "@/pages/newCalendar/utils/calendarConfig.js";
 import { patientList } from "@/pages/newCalendar/utils/calendarConfig.js";
 import CalendarSidebarSvg from "@/pages/newCalendar/components/CalendarSidebarSvg.vue";
 import { trimName } from "@/pages/newCalendar/utils/calendarFunctions.js";
+import BaseButton from "@/components/base/BaseButton.vue";
 
 export default {
   name: "CalendarSidebar",
   props: { openSidebar: Function, createForm: Function },
-  components: { BaseInput, CalendarSidebarSvg },
+  components: { BaseInput, CalendarSidebarSvg, BaseButton },
   data() {
     return {
       arrow,