WIP Переделана часть secondary кнопок

src/pages/schedule/components/ScheduleBar.vue

@@ -17,13 +17,17 @@
         .flex.justify-center.items-center.h-10
           span.font-semibold Статусы
         .flex.justify-around.gap-x-4(class="py-2.5")
-          base-button.font-semibold.border-none(
+          q-btn(
             v-for="item in buttons",
-            :class="item.class",
             :key="item",
-            :style="{minWidth: '190px', minHeight: '43px', border: item.active ? '1.5px solid #5E5E5E' : 'none'}",
-            @click="choiceSchedule(item.class)"
-          ) {{item.name}}
+            @click="choiceSchedule(item.class)",
+            :label="item.name",
+            :class="item.class",
+            text-color="white",
+            :style="{border: item.active ? '1.5px solid #5E5E5E' : 'none'}",
+            no-caps,
+            style="width: 200px"
+          )
       .graph-template.flex.flex-col.items-center.gap-y-4
         base-custom-select(
           :items="templateList",
@@ -38,23 +42,32 @@
           label="Введите график",
           v-model="template.item.label"
         )
-    .flex.justify-center.gap-x-6
-      base-button.font-semibold.w-36(:size="40", @click="createSchedules") Сохранить
-      base-button.delete-button.font-semibold.w-36(
-        :size="40",
-        @click="deleteSchedule"
-      ) Удалить
+    .flex.justify-center.gap-x-6.h-10
+      q-btn(
+        label="Сохранить",
+        color="primary",
+        style="width: 144px",
+        padding="4px 24px",
+        @click="createSchedules",
+        no-caps
+      )
+      q-btn(
+        label="Удалить",
+        style="background-color: var(--bg-event-red-color); width: 144px",
+        text-color="white",
+        padding="4px 24px",
+        @click="deleteSchedule",
+        no-caps
+      )
 </template>
 
 <script>
-import BaseButton from "@/components/base/BaseButton.vue";
 import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
 
 export default {
   name: "ScheduleBar",
   components: {
-    BaseButton,
     BaseInput,
     BaseCustomSelect,
   },
@@ -112,9 +125,6 @@ export default {
   &::placeholder
     color: var(--font-black-color-1)
 
-.text
-  color: var(--font-grey-color)
-
 .status-wrapper
   min-width: 540px
   height: 120px

src/pages/schedule/components/ScheduleHeader.vue

@@ -11,7 +11,8 @@
       .calendar-header-wrapper.flex.items-center.justify-between.py-3.pl-5.pr-6
         .flex
           q-btn.mr-4(
-            class="secondary",
+            text-color="primary",
+            color="secondary"
             round,
             size="14px",
             dense,
@@ -20,7 +21,8 @@
             q-icon(name="arrow_back_ios", right)
           q-btn.mr-6(
             @click="nextHandler",
-            class="secondary",
+            text-color="primary",
+            color="secondary"
             icon="arrow_forward_ios",
             round,
             size="14px",