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

src/pages/clients/components/ClientsTableHat.vue

@@ -12,50 +12,45 @@
         )
           .flex.items-center.cursor-pointer
             .icon-search
-      q-btn(
+      base-button(
         v-if="createdClientName === ''",
         @click="searchLastName",
-        color="primary",
         label="Поиск",
-        padding="8px 24px",
-        no-caps
+        width="96px"
       )
-      q-btn(
+      base-button(
         v-if="searchClient.length > 0",
-        outline,
+        type="secondary",
         @click="resetLastName",
-        color="primary",
         label="Сбросить",
-        padding="8px 24px",
-        no-caps
+        width="124px"
       )
     //- clients-table-header-actions(v-if="!!isOpenActions", :is-selected-one="isOpenActions===1")
     .flex.w-fit.h-10.gap-x-2
-      q-btn(
-        outline,
-        icon="icon-download",
-        color="primary",
-        size="12px",
-        padding="8px 24px",
+      base-button(
+        type="secondary",
+        width="64px"
       )
-      q-btn(
+        q-icon(name="app:export", size="16px")
+      base-button(
         @click="openForm",
-        color="primary",
-        icon="add",
-        label="Создать",
-        padding="6px 24px",
-        no-caps
+        width="144px"
       )
+        q-icon(name="app:plus", size="12px", left)
+        span Создать
 </template>
 
 <script>
 import ClientsTableHeaderActions from "@/pages/clients/components/ClientsTableHeaderActions";
 import BaseInput from "@/components/base/BaseInput";
+import BaseButton from "@/components/base/BaseButton.vue";
+
 export default {
   name: "ClientsTableHat",
   components: {
     BaseInput,
     ClientsTableHeaderActions,
+    BaseButton,
   },
   props: {
     openForm: Function,
@@ -100,4 +95,6 @@ export default {
 <style lang="sass" scoped>
 .input
   min-width: 280px
+.on-left
+  margin-right: 10px
 </style>