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

src/pages/calendar/components/CalendarDeleteModal.vue

@@ -8,21 +8,26 @@
         :owner-event="ownerEvent"
       )
     .flex.gap-x-3.mt-6.font-semibold
-      base-button(
-        outlined,
-        :size=40,
+      q-btn(
+        label="Отменить",
+        no-caps,
+        outline,
+        color="primary",
+        padding="10px 22px",
         @click="closeModal"
-      ) Отменить
-      base-button(
-        outlined-red,
-        :size=40,
+      )
+      q-btn(
+        label="Удалить",
+        no-caps,
+        outline,
+        style="color: var(--border-red-color)",
+        padding="10px 22px",
         @click="deleteEvent"
-      ) Удалить
+      )
 </template>
 
 <script>
 import { fetchWrapper } from "@/shared/fetchWrapper.js";
-import BaseButton from "@/components/base/BaseButton.vue";
 import CalendarEventDescriptionCard from "./CalendarEventDescriptionCard.vue";
 import TheNotificationProvider from "@/components/Notifications/TheNotificationProvider";
 import { addNotification } from "@/components/Notifications/notificationContext";
@@ -30,7 +35,6 @@ export default {
   name: "CalendarDeleteModal",
   components: {
     CalendarEventDescriptionCard,
-    BaseButton,
     TheNotificationProvider,
   },
   props: {