จัดตำแหน่งข้อมูล

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' &&