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

src/pages/newCalendar/components/CalendarOpenSidebar.vue

@@ -14,7 +14,7 @@
         @click="createForm",
       )
         q-icon(name="app:plus", size="12px", left)
-        span Создать событие
+        span Создать запись
     .flex.flex-col.gap-y-1
       q-expansion-item.expansion.font-bold.text-xm(
         v-for="(elem, index) in patientList",

src/pages/newCalendar/components/CalendarSidebar.vue

@@ -8,11 +8,11 @@
         style="color: var(--font-grey-color); background: var(--bg-light-grey)"
       )
         img(:src="arrow")
-    .button.flex    
-      q-btn(color="primary", dense, padding="14px", @click="createForm")
-        q-icon(name="app:icon-plus", size="12px")
+    .button.flex
+      base-button(width="40px", @click="createForm")
+        q-icon(name="app:plus", size="12px")
     .button.flex.relative.btn-sidebar(v-for="svg in patientData.arrSvg")
-      q-btn(
+      q-btn.blue-hover(
         v-click-outside="hideActive",
         @click="()=>clickButton(svg.name)",
         dense,
@@ -269,10 +269,10 @@ export default {
   border-radius: 4px
   color: var(--default-white)
 
-.q-btn
-  transition: color 0.3s cubic-bezier(0.25,0.8,0.5,1), background-color 0.3s cubic-bezier(0.25,0.8,0.5,1)
-  &:hover
-    background: var(--bg-light-blue-color)
+// .q-btn .blue-hover
+//   transition: color 0.3s cubic-bezier(0.25,0.8,0.5,1), background-color 0.3s cubic-bezier(0.25,0.8,0.5,1)
+//   &:hover
+//     background: var(--bg-light-blue-color)
 
 .gradient
   width: 232px

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],