From a5ba0290d958ee762619f266a4819d13498cb0e5 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 24 Apr 2026 10:35:30 +0700
Subject: [PATCH] fix:  Move dialogs inside q-layout in MainLayout.vue

---
 src/views/MainLayout.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index f14d08e..165bf6e 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -172,13 +172,13 @@ const doLogout = () => {
   );
 };
 
-const clickDelete = async (id: string, index: number) => {
+const clickDelete = async (id: string, index: number | string) => {
   dialogRemove($q, async () => {
     // showLoader();
     await http
       .delete(config.API.msgId(id))
       .then(() => {
-        notiList.value.splice(index, 1);
+        notiList.value.splice(Number(index), 1);
         totalInbox.value--;
         totalNoti.value--;
         success($q, "ลบข้อมูลสำเร็จ");
@@ -772,10 +772,10 @@ watch(
     <q-footer class="bg-grey-1 text-dark q-pa-md">
       <FooterContact />
     </q-footer>
-  </q-layout>
 
-  <DialogResetPass v-model="modalResetPass" />
-  <DialogDebug v-model:modal="modalDebug" />
+    <DialogResetPass v-model="modalResetPass" />
+    <DialogDebug v-model:modal="modalDebug" />
+  </q-layout>
 </template>
 
 <style>