From 0a1ddc500e50892cb95784f6b31c1dcd56ba9786 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Wed, 24 Jul 2024 11:02:50 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=88=E0=B8=B1=E0=B8=94=E0=B8=95=E0=B8=B3?=
 =?UTF-8?q?=E0=B9=81=E0=B8=AB=E0=B8=99=E0=B9=88=E0=B8=87=E0=B8=82=E0=B9=89?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=A1=E0=B8=B9=E0=B8=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/03_logs/components/LogTable.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/modules/03_logs/components/LogTable.vue b/src/modules/03_logs/components/LogTable.vue
index 4e947177..336d543f 100644
--- a/src/modules/03_logs/components/LogTable.vue
+++ b/src/modules/03_logs/components/LogTable.vue
@@ -382,7 +382,7 @@ onMounted(() => {
   >
     <div class="column" style="border: #f0ecec 1px solid">
       <div
-        class="col row items-center"
+        class="col row"
         :class="{ 'bg-grey-3': i % 2 }"
         v-for="(item, index, i) in currentlogData"
         :key="index"
@@ -390,6 +390,10 @@ onMounted(() => {
       >
         <div
           class="col q-pl-sm"
+          :class="{
+            'self-center': index !== 'dataDiff',
+            'q-pt-md': index === 'dataDiff',
+          }"
           style="max-width: 150px; border-right: #f0ecec 1px solid"
         >
           {{
@@ -407,17 +411,20 @@ onMounted(() => {
           }}
         </div>
 
-        <div v-if="index === 'startTimeStamp' && typeof item === 'string'">
+        <div
+          class="self-center"
+          v-if="index === 'startTimeStamp' && typeof item === 'string'"
+        >
           {{ date2Thai(new Date(item), false, true) }}
         </div>
 
-        <div v-if="index === 'method'">
+        <div class="self-center" v-if="index === 'method'">
           <q-badge text-color="blue" style="background-color: #f0ecec">{{
             item ?? "-"
           }}</q-badge>
         </div>
 
-        <div v-else-if="index === 'logType'">
+        <div class="self-center" v-else-if="index === 'logType'">
           <q-badge
             text-color="white"
             :color="
@@ -428,7 +435,7 @@ onMounted(() => {
         </div>
 
         <div
-          class="col"
+          class="col self-center"
           v-if="
             index !== 'dataDiff' &&
             index !== 'method' &&