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

src/pages/schedule/components/ScheduleHeader.vue

@@ -59,10 +59,11 @@
 <script>
 import * as moment from "moment";
 import BaseInput from "@/components/base/BaseInput.vue";
+import BaseButton from "@/components/base/BaseButton.vue";
 
 export default {
   name: "ScheduleHeader",
-  components: { BaseInput },
+  components: { BaseInput, BaseButton },
   props: {
     showTime: Boolean,
     startMonth: Object,

src/pages/schedule/components/ScheduleTable.vue

@@ -11,16 +11,8 @@
             size="18px",
             style="color: var(--font-dark-blue-color)"
           )
-      q-btn(
-        color="primary",
-        padding="8px 25px",
-        no-caps
-      )
-        q-icon(
-          name="app:icon-plus",
-          size="12px",
-          style="margin-right: 10px"
-        )
+      base-button(width="188px")
+        q-icon(name="app:plus", size="12px", left)
         span Создать смену
     schedule-table-header(
       :result="result",
@@ -54,6 +46,7 @@ import ScheduleTableSelect from "@/pages/schedule/components/ScheduleTableSelect
 import ScheduleBar from "@/pages/schedule/components/ScheduleBar.vue";
 import BaseSelect from "@/components/base/BaseSelect.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
+import BaseButton from "@/components/base/BaseButton.vue";
 
 export default {
   name: "ScheduleTable",
@@ -64,6 +57,7 @@ export default {
     ScheduleBar,
     BaseInput,
     BaseSelect,
+    BaseButton,
   },
   props: {
     scheduleList: Array,
@@ -263,4 +257,7 @@ export default {
   border-radius: 4px
   width: 400px
   height: 500px
+
+.on-left
+  margin-right: 10px
 </style>