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

src/pages/clients/components/ClientTableModal.vue

@@ -1,17 +1,23 @@
 <template lang="pug">
   .flex.flex-col.mb-1.mt-4
     span.font-medium.text-base.modal-text {{ bodyText }}
-    .flex.gap-x-3.mt-6.font-semibold
-      base-button(
-        outlined,
-        :size=40,
+    .flex.gap-x-3.mt-6
+      q-btn(
+        label="Отменить",
+        no-caps,
+        outline,
+        color="primary",
+        padding="10px 24px",
         @click="closeModal"
-      ) Отменить
-      base-button(
-        outlined-red,
-        :size=40,
+      )
+      q-btn(
+        :label="confirmTitle",
+        no-caps,
+        outline,
+        style="color: var(--border-red-color)",
+        padding="10px 24px",
         @click="clickConfirm"
-      ) {{ confirmTitle }}
+      )
 </template>
 
 <script>

src/pages/clients/components/ClientsTableHat.vue

@@ -11,22 +11,40 @@
         )
           .flex.items-center.cursor-pointer
             .icon-search
-      base-button.font-semibold(
+      q-btn(
         v-if="createdClientName === ''",
         @click="searchLastName",
-        :size=40
-      ) Поиск
-      base-button.font-semibold(
+        color="primary",
+        label="Поиск",
+        padding="8px 24px",
+        no-caps
+      )
+      q-btn(
         v-if="searchClient.length > 0",
-        outlined,
+        outline,
         @click="resetLastName",
-        :size=40
-      ) Сбросить
+        color="primary",
+        label="Сбросить",
+        padding="8px 24px",
+        no-caps
+      )
     //- clients-table-header-actions(v-if="!!isOpenActions", :is-selected-one="isOpenActions===1")
-    .flex.w-fit.h-fit.gap-x-2
-      base-button(left-icon="icon-download", :icon-left-size="16", :size="40", :outlined="true")
-      base-button(left-icon="icon-plus", :icon-left-size="13", :size="40", @click="openForm")
-        span.font-semibold Создать
+    .flex.w-fit.h-10.gap-x-2
+      q-btn(
+        outline,
+        icon="icon-download",
+        color="primary",
+        size="12px",
+        padding="8px 24px",
+      )
+      q-btn(
+        @click="openForm",
+        color="primary",
+        icon="add",
+        label="Создать",
+        padding="6px 24px",
+        no-caps
+      )
 </template>
 
 <script>