From 1e9a5abc1cb963041c81e103db1dc679da167d3a Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 26 Mar 2025 14:38:34 +0700
Subject: [PATCH] refactor: add tooltips for item title and detail in
 MainLayout

---
 src/layouts/MainLayout.vue | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 335924db..631db9e8 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -367,12 +367,28 @@ onMounted(async () => {
                     <div class="col column text-caption q-pl-md ellipsis">
                       <span class="block ellipsis full-width text-weight-bold">
                         {{ item.title }}
+                        <q-tooltip
+                          anchor="top middle"
+                          self="bottom middle"
+                          :delay="300"
+                          :offset="[10, 10]"
+                        >
+                          {{ item.title }}
+                        </q-tooltip>
                       </span>
                       <span
                         class="block ellipsis full-width text-stone"
                         :class="{ 'text-weight-medium': !item.read }"
                       >
                         {{ item.detail }}
+                        <q-tooltip
+                          anchor="top middle"
+                          self="bottom middle"
+                          :delay="300"
+                          :offset="[10, 10]"
+                        >
+                          {{ item.detail }}
+                        </q-tooltip>
                       </span>
                     </div>
                     <span
@@ -382,15 +398,6 @@ onMounted(async () => {
                     >
                       {{ moment(item.createdAt).fromNow() }}
                     </span>
-                    <q-tooltip
-                      anchor="top middle"
-                      self="bottom middle"
-                      :delay="1000"
-                      :offset="[10, 10]"
-                    >
-                      {{ item.title }}
-                      {{ item.detail }}
-                    </q-tooltip>
                   </q-item>
                 </section>
                 <section