From b2e95510d8deba10298e375856ddc3af6b66030e Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 24 Mar 2024 13:38:31 +0200
Subject: [PATCH] make tabeles center

---
 packages/playground/src/components/nodes_table.vue |  4 ++--
 packages/playground/src/global.css                 | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/playground/src/components/nodes_table.vue b/packages/playground/src/components/nodes_table.vue
index cd52fab412..ebf2e39a8d 100644
--- a/packages/playground/src/components/nodes_table.vue
+++ b/packages/playground/src/components/nodes_table.vue
@@ -27,7 +27,7 @@
           <template #loading />
 
           <template v-slot:[`item.status`]="{ item }">
-            <p class="text-left mt-1 mb-0">
+            <p class="mt-1 mb-0">
               <v-chip :color="getNodeStatusColor(item.columns.status as string).color">
                 <span>
                   {{ capitalize(getNodeStatusColor(item.columns.status as string).status) }}
@@ -37,7 +37,7 @@
           </template>
 
           <template v-slot:[`item.dedicated`]="{ item }">
-            <p class="text-left mt-1 mb-0">
+            <p class="mt-1 mb-0">
               <v-chip
                 :color="getNodeTypeColor(item.columns.dedicated as boolean, item.raw.rentedByTwinId as number).color"
               >
diff --git a/packages/playground/src/global.css b/packages/playground/src/global.css
index 6efb7c2cf1..253a75575b 100644
--- a/packages/playground/src/global.css
+++ b/packages/playground/src/global.css
@@ -110,6 +110,18 @@ a {
   font-weight: 600 !important;
 }
 
+.v-data-table-header__content {
+  justify-content: center !important;
+  text-align: center !important;
+}
+
+.v-data-table__td {
+  text-align: center;
+}
+.v-data-table__tbody {
+  text-align: center !important;
+}
+
 .font-14 {
   font-size: 14px !important;
 }