From 3c41b5b7f3a1aed6befcf68c559d5cbfcdc74a3f Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 18 Mar 2024 12:02:18 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=82?=
 =?UTF-8?q?=E0=B8=99=E0=B8=B2=E0=B8=94=20text=20tootip=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=87=E0=B8=B4=E0=B8=99=E0=B9=80=E0=B8=94=E0=B8=B7=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/SalaryLists/TabMain.vue          | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/modules/13_salary/components/SalaryLists/TabMain.vue b/src/modules/13_salary/components/SalaryLists/TabMain.vue
index 83cf99173..ca0dcf44f 100644
--- a/src/modules/13_salary/components/SalaryLists/TabMain.vue
+++ b/src/modules/13_salary/components/SalaryLists/TabMain.vue
@@ -324,12 +324,12 @@ onMounted(async () => {
     >
       <q-tab :name="item.name" :label="item.lable">
         <q-tooltip>
-          <q-list dense v-if="item.name === 'group1'">
+          <q-list dense v-if="item.name === 'group1'" class="tootip-txt-normal">
             <q-item>
               <q-item-section>
                 <q-item-label lines="1">
                   <span class="text-bold">ทั่วไป: </span>
-                  <span> ปฏิบัติงาน,ชำนาญงาน,อาวุโส</span></q-item-label
+                  <span> ปฏิบัติงาน, ชำนาญงาน, อาวุโส</span></q-item-label
                 >
               </q-item-section>
             </q-item>
@@ -337,7 +337,9 @@ onMounted(async () => {
               <q-item-section>
                 <q-item-label lines="1">
                   <span class="text-bold">วิชาการ: </span>
-                  <span> ปฏิบัติการ,ชำนาญการ,ชำนาญการพิเศษ</span></q-item-label
+                  <span>
+                    ปฏิบัติการ, ชำนาญการ, ชำนาญการพิเศษ</span
+                  ></q-item-label
                 >
               </q-item-section>
             </q-item>
@@ -351,7 +353,7 @@ onMounted(async () => {
               </q-item-section>
             </q-item>
           </q-list>
-          <q-list dense v-if="item.name === 'group2'">
+          <q-list dense v-if="item.name === 'group2'" class="tootip-txt-normal">
             <q-item>
               <q-item-section>
                 <q-item-label lines="1">
@@ -364,7 +366,7 @@ onMounted(async () => {
               <q-item-section>
                 <q-item-label lines="1">
                   <span class="text-bold">วิชาการ: </span>
-                  <span> เชี่ยวชาญ,ทรงคุณวุฒิ</span></q-item-label
+                  <span> เชี่ยวชาญ, ทรงคุณวุฒิ</span></q-item-label
                 >
               </q-item-section>
             </q-item>
@@ -381,7 +383,7 @@ onMounted(async () => {
               <q-item-section>
                 <q-item-label lines="1">
                   <span class="text-bold">บริหาร: </span>
-                  <span> ต้น,สูง</span></q-item-label
+                  <span> ต้น, สูง</span></q-item-label
                 >
               </q-item-section>
             </q-item>
@@ -555,4 +557,7 @@ onMounted(async () => {
 .q-tabs--vertical .q-tab {
   padding: 0 20px;
 }
+.tootip-txt-normal {
+  font-size: 0.8rem;
+}
 </style>