From df286d5ae63062aa176d4a32e0fda3a571fb1dd7 Mon Sep 17 00:00:00 2001
From: puri-ph4tt <puriphat001@gmail.com>
Date: Wed, 6 Dec 2023 17:15:54 +0700
Subject: [PATCH] fix: show trash can icon only when advSearchRow>1

---
 .../01_user/components/AdvancedSearch.vue       | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/Services/client/src/modules/01_user/components/AdvancedSearch.vue b/Services/client/src/modules/01_user/components/AdvancedSearch.vue
index a01a384..1f5c1b3 100644
--- a/Services/client/src/modules/01_user/components/AdvancedSearch.vue
+++ b/Services/client/src/modules/01_user/components/AdvancedSearch.vue
@@ -93,7 +93,7 @@ function clearAdvSearchData() {
           v-for="(item, index) in advSearchDataRow"
           :key="index"
         >
-          <div class="row items-center" style="width: 45px; height: 45px">
+          <div class="row content-center" style="width: 45px; height: 45px">
             <q-btn
               dense
               color="teal-5"
@@ -143,25 +143,16 @@ function clearAdvSearchData() {
               </template>
             </q-input>
           </div>
-          <div>
+          <div class="row content-center" style="width: 45px; height: 45px">
             <q-btn
               dense
               flat
               icon="mdi-trash-can-outline"
+              v-if="advSearchDataRow.length > 1"
               color="red"
               @click="() => delAdvSearchData(index)"
               id="delAdvSearchData"
-            >
-              <q-tooltip
-                class="bg-red"
-                anchor="top middle"
-                self="bottom middle"
-                :offset="[10, 10]"
-                v-if="advSearchDataRow.length === 1"
-              >
-                <strong>ไม่สามารถลบได้</strong>
-              </q-tooltip>
-            </q-btn>
+            />
           </div>
         </div>