fixing style input clear

src/modules/08_registryEmployee/views/Main.vue

@@ -343,20 +343,11 @@ onMounted(async () => {
           placeholder="ค้นหา"
           style="max-width: 200px"
           class="q-ml-sm"
+          clearable
           @keydown.enter.prevent="(queryParams.page = 1), fetchList()"
         >
           <template v-slot:append>
             <q-icon v-if="queryParams.searchKeyword == ''" name="search" />
-            <q-icon
-              v-if="queryParams.searchKeyword !== ''"
-              name="clear"
-              class="cursor-pointer"
-              @click="
-                (queryParams.searchKeyword = ''),
-                  (queryParams.page = 1),
-                  fetchList()
-              "
-            />
           </template>
         </q-input>
         <!-- แสดงคอลัมน์ใน table -->

src/modules/19_condition/view/Main.vue

@@ -316,15 +316,9 @@ onMounted(async () => {
       <!-- Tree -->
       <q-card-section class="col-lg-3 col-md-4 col-xs-12 q-gutter-sm">
         <div>
-          <q-input dense outlined v-model="filter" label="ค้นหา">
+          <q-input dense outlined v-model="filter" label="ค้นหา" clearable>
             <template v-slot:append>
-              <q-icon
-                v-if="filter !== ''"
-                name="clear"
-                class="cursor-pointer"
-                @click="filter = ''"
-              />
-              <q-icon name="search" color="grey-5" />
+              <q-icon v-if="!filter" name="search" color="grey-5" />
             </template>
           </q-input>
         </div>