From 501a722b28db66f02d2370250a7de8bc4be59158 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Tue, 9 Jul 2024 11:32:23 +0700
Subject: [PATCH] fix: no data wrapping

---
 src/pages/04_product-service/MainPage.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 5c695546..dfe4dac1 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1693,18 +1693,12 @@ watch(inputSearchProductAndService, async () => {
             (productAndServiceTab === 'product' && product?.length === 0) ||
             (productAndServiceTab === 'service' && service?.length === 0)
           "
-          class="flex justify-center items-center"
-          style="min-height: 70vh; background-color: var(--surface-2)"
+          class="flex justify-center items-center surface-1 col"
         >
           <NoData :not-found="!!inputSearchProductAndService" />
         </div>
-
         <!-- tab -->
-
-        <div
-          v-if="productAndService && productAndService.length > 0"
-          class="row flex col"
-        >
+        <div v-else class="row flex col">
           <q-tabs
             dense
             v-model="productAndServiceTab"