fix: กด item เเล้วไม่ปิด

src/pages/02_personnel-management/MainPage.vue

@@ -942,7 +942,8 @@ watch(inputSearch, async () => await fetchUserList());
               })
             "
             :columns="columns"
-            card-container-class="q-col-gutter-md  full-width "
+            class="full-width"
+            card-container-class="q-gutter-md  "
             row-key="name"
             :rows-per-page-options="[0]"
             hide-pagination
@@ -1090,7 +1091,8 @@ watch(inputSearch, async () => await fetchUserList());
                               openDialog('INFO', props.row.id);
                             }
                           "
-                          clickable
+                             v-close-popup
+                                    clickable
                           dense
                           class="row q-py-sm"
                           style="white-space: nowrap"
@@ -1108,7 +1110,8 @@ watch(inputSearch, async () => await fetchUserList());
 
                         <q-item
                           :id="`view-detail-btn-${props.row.name}-edit`"
-                          clickable
+                             v-close-popup
+                                    clickable
                           dense
                           class="row q-py-sm"
                           style="white-space: nowrap"
@@ -1131,6 +1134,8 @@ watch(inputSearch, async () => await fetchUserList());
                         <q-item
                           :id="`view-detail-btn-${props.row.name}-delete`"
                           dense
+                             v-close-popup
+                          
                           :clickable="props.row.status === 'CREATED'"
                           class="row"
                           :class="{
@@ -1627,6 +1632,10 @@ watch(inputSearch, async () => await fetchUserList());
   opacity: 0;
 }
 
+
+
+
+
 .status-active {
   --_branch-status-color: var(--green-6-hsl);
 }