From b4dce64e7767f297adf2bb4e7865c33af34f3f36 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Thu, 11 Jul 2024 15:48:37 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20layout=20?=
 =?UTF-8?q?=E0=B8=82=E0=B8=AD=E0=B8=87=20=E0=B8=95=E0=B8=B2=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../04_system/components/cardBackupRestore.vue       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/modules/04_system/components/cardBackupRestore.vue b/src/modules/04_system/components/cardBackupRestore.vue
index cd7fa1ea..03d49bd3 100644
--- a/src/modules/04_system/components/cardBackupRestore.vue
+++ b/src/modules/04_system/components/cardBackupRestore.vue
@@ -47,7 +47,7 @@ const baseColumns = ref<QTableProps["columns"]>([
   },
   {
     name: "createAt",
-    align: "left",
+    align: "center",
     label: "วันที่สร้าง",
     sortable: true,
     // field: (v) => date2Thai(v, false, true),
@@ -58,7 +58,7 @@ const baseColumns = ref<QTableProps["columns"]>([
   },
   {
     name: "status",
-    align: "left",
+    align: "center",
     label: "สถานะ",
     sortable: true,
     field: "status",
@@ -168,16 +168,16 @@ onMounted(async () => {
     >
       <template v-slot:header="props">
         <q-tr :props="props">
-          <q-th v-for="col in props.cols" :key="col.name" :props="props">
-            <span class="text-weight-medium">{{ col.label }}</span>
+          <q-th v-for="col, i in props.cols" :key="col.name" :props="props" >
+            <span class="text-weight-medium" :class="{ 'q-ml-md': i === 2}" >{{ col.label }}</span>
           </q-th>
           <q-th auto-width></q-th>
         </q-tr>
       </template>
       <template v-slot:body="props">
         <q-tr :props="props">
-          <q-td v-for="(col, i) in props.cols" :key="col.name" :props="props">
-            <div>
+          <q-td v-for="(col, i) in props.cols" :key="col.name" :props="props" >
+            <div :class="{ 'text-center': i === 2}">
               {{ i !== 2 ? col.value : col.value === "สำเร็จ" ? "สำเร็จ" : "" }}
 
               <q-circular-progress