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

src/components/base/BaseTimeModal.vue

@@ -10,23 +10,15 @@
             img(:src="lockIcon")
     .flex.justify-between.items-center
       .flex.gap-2
-        q-btn(
-          color="primary",
-          outline,
-          size="16px",
-          no-caps,
+        base-button(
+          type="secondary",
+          width="108px",
           label="Отмена",
-          :style="{width: '108px', height: '40px'}",
-          padding="0",
-          @click="closeModalTime"
+          @click="closeModalTime",
         )
-        q-btn(
-          color="primary",
-          size="16px",
-          no-caps,
-          label="Сохранить"
-          :style="{width: '132px', height: '40px'}",
-          padding="0",
+        base-button(
+          width="132px",
+          label="Сохранить",
           @click="closeModalTime"
         )
       .text.font-bold.text-6xl {{`${times.from} - ${times.to}`}}
@@ -34,10 +26,12 @@
 
 <script>
 import lockIcon from "@/assets/icons/locked.svg";
+import BaseButton from "@/components/base/BaseButton.vue";
 
 export default {
   name: "BaseTimeModal",
   props: { times: Object, closeModalTime: Function },
+  components: { BaseButton },
   data() {
     return { lockIcon, select: false };
   },