From a05b23433963a0edf4e98039a55b4d006db9a74f Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Fri, 31 May 2024 15:49:37 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=AA=E0=B9=89=E0=B8=99=E0=B9=80=E0=B8=A5=E0=B8=A2=20input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Tab/Dialog/01_FormIndicator.vue           | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue b/src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue
index 0f3a90e..352972a 100644
--- a/src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue
+++ b/src/modules/08_KPI/components/Tab/Dialog/01_FormIndicator.vue
@@ -733,16 +733,17 @@ const title = computed(() => {
                     </div>
                   </q-card>
                 </div>
-                <div class="col-xs-12 col-6 row">
-                  <div class="row col-12 card-box">
+                <div class="col-12">
+                  <q-card bordered>
                     <div
                       class="col-12 bg-grey-2 row items-center text-weight-medium"
                     >
                       <div class="col-6 text-center">ระดับคะแนน</div>
                       <div class="col-6 text-center">ผลสำเร็จของงาน</div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">5</div>
                       <div class="col-6">
@@ -757,8 +758,9 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center  q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">4</div>
                       <div class="col-6 text-center text-primary">
@@ -773,8 +775,9 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">3</div>
                       <div class="col-6 text-center text-primary">
@@ -789,8 +792,9 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">2</div>
                       <div class="col-6 text-center text-primary">
@@ -805,8 +809,9 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
+                    <q-separator/>
                     <div
-                      class="row col-12 items-center lineTop q-col-gutter-sm"
+                      class="row col-12 items-center q-pa-sm"
                     >
                       <div class="col-6 text-center text-body2">1</div>
                       <div class="col-6 text-center text-primary">
@@ -821,7 +826,7 @@ const title = computed(() => {
                         />
                       </div>
                     </div>
-                  </div>
+                  </q-card>
                 </div>
                 <div class="col-12">
                   <q-input