src/views/MainLayout.vue

@@ -420,8 +420,8 @@ function handleDeleteNotification() {
         hideLoader();
       }
     },
-    "ยืนยันการล้างการแจ้งเตือนทั้งหมด",
-    `ต้องการล้างการแจ้งเตือนทั้งหมด (${totalInbox.value} รายการ) ใช่หรือไม่? การกระทำนี้ไม่สามารถย้อนกลับได้`,
+    "ยืนยันการลบข้อมูล",
+    "ต้องการยืนยันการลบรายการแจ้งเตือนทั้งหมดใช่หรือไม่?",
   );
 }
 
@@ -534,16 +534,12 @@ onUnmounted(() => {
                 v-if="totalInbox !== 0"
                 flat
                 dense
-                no-caps
-                size="12px"
-                color="red-7"
-                icon="mdi-trash-can-outline"
-                label="ล้างทั้งหมด"
-                class="q-ml-sm"
-                aria-label="ล้างการแจ้งเตือนทั้งหมด"
+                round
+                color="red"
+                icon="delete"
                 @click.stop.prevent="handleDeleteNotification"
               >
-                <q-tooltip>ล้างการแจ้งเตือนทั้งหมด</q-tooltip>
+                <q-tooltip>ลบการแจ้งเตือนทั้งหมด</q-tooltip>
               </q-btn>
             </div>