WIP Частично заменила инпуты

src/pages/clients/components/ClientsTableHat.vue

@@ -2,16 +2,15 @@
   .flex.justify-between.w-full.h-fit
     .flex.gap-2.w-fit.h-fit
       .input
-        base-input(
-          :with-icon="true",
-          icon-position="left",
+        base-input.search(
           v-model="searchClient",
           placeholder="Введите фамилию",
           @keyup.enter="searchLastName",
-          outlined
+          size="M",
+          :width="280",
+          :icon-left="!searchClient"
         )
-          .flex.items-center.cursor-pointer
-            .icon-search
+          q-icon(name="app:search", size="18px", v-if="!searchClient")
       base-button(
         v-if="createdClientName === ''",
         @click="searchLastName",
@@ -42,8 +41,8 @@
 
 <script>
 import ClientsTableHeaderActions from "@/pages/clients/components/ClientsTableHeaderActions";
-import BaseInput from "@/components/base/BaseInput";
 import BaseButton from "@/components/base/BaseButton.vue";
+import BaseInput from "@/components/BaseInput.vue";
 
 export default {
   name: "ClientsTableHat",
@@ -97,4 +96,6 @@ export default {
   min-width: 280px
 .on-left
   margin-right: 10px
+.search :deep(.q-field__prepend)
+  padding-right: 6px !important
 </style>