From c3b28e72454b38127c0e793968b0f56baa0081a7 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Sat, 23 Sep 2023 12:50:29 +0530
Subject: [PATCH] fix: center fields tab

---
 .../nc-gui/components/smartsheet/Details.vue  | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet/Details.vue b/packages/nc-gui/components/smartsheet/Details.vue
index ef0ef3d337..d7716f4995 100644
--- a/packages/nc-gui/components/smartsheet/Details.vue
+++ b/packages/nc-gui/components/smartsheet/Details.vue
@@ -28,7 +28,16 @@ watch(
 
 <template>
   <div class="flex flex-col h-full w-full" data-testid="nc-details-wrapper">
-    <NcTabs v-model="openedSubTab">
+    <NcTabs v-model="openedSubTab" centered>
+      <a-tab-pane v-if="isUIAllowed('fieldAdd')" key="field">
+        <template #tab>
+          <div class="tab" data-testid="nc-fields-tab">
+            <GeneralIcon icon="list" class="tab-icon" :class="{}" />
+            <div>Fields</div>
+          </div>
+        </template>
+        <SmartsheetDetailsFields />
+      </a-tab-pane>
       <a-tab-pane key="relation">
         <template #tab>
           <div class="tab" data-testid="nc-relations-tab">
@@ -67,6 +76,14 @@ watch(
   @apply flex flex-row items-center gap-x-1.5 pr-0.5;
 }
 
+:deep(.nc-tabs.centered) {
+  > .ant-tabs-nav {
+    .ant-tabs-nav-wrap {
+      @apply absolute mx-auto -left-1/8 right-0;
+    }
+  }
+}
+
 :deep(.ant-tabs-nav) {
   min-height: calc(var(--topbar-height) - 1.75px);
 }