WIP Изменила стиль кнопок, расставила запятые

src/pages/clients/components/ClientsTableHat.vue

@@ -2,18 +2,28 @@
   .flex.justify-between.w-full.h-fit
     .flex.gap-2.w-fit.h-fit
       .input
-        base-input(:with-icon="true", icon-position="left", v-model:value="searchClient")
+        base-input(
+          :with-icon="true",
+          icon-position="left",
+          v-model:value="searchClient",
+          placeholder="Введите фамилию"
+        )
           .icon-search
-      button.filter-button.flex.items-center.justify-center.box-border(
-        class="px-2.5"
-        @click="searchLastName"
-      )
-        .icon-filter.text-xl.leading-4
-      button.filter-button.flex.items-center.justify-center.px-10px(@click="resetLastName") Очистить  
-    clients-table-header-actions(v-if="!!isOpenActions" :is-selected-one="isOpenActions===1")
+      base-button(
+        outlined,
+        @click="searchLastName",
+        :size=40
+      ) Поиск
+      base-button(
+        v-if="searchClient.length > 0",
+        secondary,
+        @click="resetLastName",
+        :size=40
+      ) Очистить
+    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")
+      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 Создать
 </template>
 
@@ -53,8 +63,4 @@ export default {
 <style lang="sass" scoped>
 .input
   width: 280px
-  height: fit-content
-.filter-button
-  border-radius: 4px
-  border: 2px solid var(--border-light-grey-color)
 </style>