fix: components

resources/js/components/AppSearchFilter.vue

@@ -37,7 +37,7 @@ watch(search, (value) => {
 
 <template>
   <div class="flex align-items-center gap-3">
-    <InputText v-bind="$attrs" v-model="search" />
+    <InputText class="w-full" v-bind="$attrs" v-model="search" />
     <i class="pi pi-search" />
   </div>
 </template>

resources/js/pages/Customers/Index.vue

@@ -44,14 +44,11 @@ const onDelete = (data) => {
 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nama, no hp, npwp"
-                name-param="search"
-                :initial-search="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nama, no hp, npwp"
+              name-param="search"
+              :initial-search="initialFilters"
+            />
           </div>
 
           <div

resources/js/pages/Products/Index.vue

@@ -44,14 +44,11 @@ const onDelete = (data) => {
 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nomor, nama"
-                name-param="search"
-                :initial-search="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nomor, nama"
+              name-param="search"
+              :initial-search="initialFilters"
+            />
           </div>
 
           <div

resources/js/pages/Purchases/Index.vue

@@ -26,7 +26,6 @@ defineProps({
         <div class="grid">
           <div class="col-12 md:col-8">
             <AppSearchFilter
-              class="w-full md:w-27rem"
               placeholder="nama, email, no hp, status"
               name-param="search"
               :initial-search="initialFilters"

resources/js/pages/Sales/Index.vue

@@ -25,14 +25,11 @@ defineProps({
 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nama, no hp, status"
-                name-param="search"
-                :initial-search="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nama, no hp, status"
+              name-param="search"
+              :initial-search="initialFilters"
+            />
           </div>
 
           <div

resources/js/pages/StockProducts/Index.vue

@@ -23,7 +23,6 @@ defineProps({
         <h1>Stok Produk</h1>
 
         <AppSearchFilter
-          class="w-full md:w-27rem"
           placeholder="nama"
           name-param="search"
           :initial-search="initialFilters"

resources/js/pages/Suppliers/Index.vue

@@ -44,14 +44,11 @@ const onDelete = (data) => {
 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nama, no hp, npwp"
-                name-param="search"
-                :initial-search="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nama, no hp, npwp"
+              name-param="search"
+              :initial-search="initialFilters"
+            />
           </div>
 
           <div

resources/js/pages/Users/Index.vue

@@ -61,14 +61,11 @@ const onDelete = (data) => {
 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nama, nama pengguna"
-                name-param="search"
-                :initialSearch="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nama, nama pengguna"
+              name-param="search"
+              :initialSearch="initialFilters"
+            />
           </div>
 
           <div