fixing

src/modules/10_registry/01_Information/04_Family.vue

@@ -255,20 +255,24 @@ onMounted(() => {
       <span class="text-blue-6 text-weight-bold text-body1"
         >ข้อมูลครอบครัว
       </span>
-
-      <span
-        class="text-blue-6 text-subtitle2 q-ml-sm"
-        v-if="
-          !checkFatherData &&
-          !checkMotherData &&
-          !checkCoupleData &&
-          !checkChildData
-        "
-      >
-        (ไม่มีข้อมูล)</span
-      >
     </q-toolbar>
-    <div class="row q-col-gutter-sm">
+    <div
+      v-if="
+        !checkFatherData &&
+        !checkMotherData &&
+        !checkCoupleData &&
+        !checkChildData
+      "
+      class="col-12 q-pa-sm"
+    >
+      <q-card
+        class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
+        bordered
+      >
+        ไม่พบข้อมูล
+      </q-card>
+    </div>
+    <div v-else class="row q-col-gutter-sm">
       <div class="col-12" v-if="fatherData.profileId !== ''">
         <q-card bordered class="q-pa-md">
           <div class="row">