From dc5dec3d5a7445eb2a0b1545a2f5adab5c6cf8f5 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 12 Nov 2022 11:37:48 +0530
Subject: [PATCH] refactor(gui): title position update

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/account/AppStore.vue       |  3 +--
 packages/nc-gui/components/account/License.vue        |  3 +--
 packages/nc-gui/components/account/ResetPassword.vue  |  4 ++--
 packages/nc-gui/components/account/SignupSettings.vue |  5 ++---
 packages/nc-gui/components/account/Token.vue          |  3 +--
 packages/nc-gui/components/account/UserList.vue       |  3 +--
 packages/nc-gui/nuxt.config.ts                        | 11 +++++++++++
 7 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/account/AppStore.vue b/packages/nc-gui/components/account/AppStore.vue
index 79761674eb..2a61f43be8 100644
--- a/packages/nc-gui/components/account/AppStore.vue
+++ b/packages/nc-gui/components/account/AppStore.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="h-full overflow-y-scroll scrollbar-thin-dull pt-2">
-    <div class="text-xl mt-4">{{ $t('title.appStore') }}</div>
-    <a-divider class="!my-3" />
+    <div class="text-xl mt-4 mb-8 text-center font-weight-bold">{{ $t('title.appStore') }}</div>
     <div>
       <LazyDashboardSettingsAppStore />
     </div>
diff --git a/packages/nc-gui/components/account/License.vue b/packages/nc-gui/components/account/License.vue
index 3d9a001da3..f12d793a28 100644
--- a/packages/nc-gui/components/account/License.vue
+++ b/packages/nc-gui/components/account/License.vue
@@ -34,8 +34,7 @@ loadLicense()
 
 <template>
   <div class="h-full overflow-y-scroll scrollbar-thin-dull">
-    <div class="text-xl mt-4">License</div>
-    <a-divider class="!my-3" />
+    <div class="text-xl mt-4 mb-8 text-center font-weight-bold">License</div>
     <div>
       <a-textarea v-model:value="key" placeholder="License key" class="!mt-2 !max-w-[600px]"></a-textarea>
     </div>
diff --git a/packages/nc-gui/components/account/ResetPassword.vue b/packages/nc-gui/components/account/ResetPassword.vue
index 2cfc929974..3b77472663 100644
--- a/packages/nc-gui/components/account/ResetPassword.vue
+++ b/packages/nc-gui/components/account/ResetPassword.vue
@@ -65,8 +65,8 @@ const resetError = () => {
 </script>
 
 <template>
-  <div class="relative flex flex-col justify-center gap-2 w-full p-8 md:(bg-white) max-w-[900px]">
-    <h1 class="prose-2xl font-bold self-center my-4">{{ $t('activity.changePwd') }}</h1>
+  <div class="mx-auto relative flex flex-col justify-center gap-2 w-full px-8  md:(bg-white) max-w-[900px]">
+    <div class="text-xl mt-4 mb-8 text-center font-weight-bold">{{ $t('activity.changePwd') }}</div>
     <a-form
       ref="formValidator"
       data-cy="nc-user-settings-form"
diff --git a/packages/nc-gui/components/account/SignupSettings.vue b/packages/nc-gui/components/account/SignupSettings.vue
index f4c8bb3ced..50a27771a5 100644
--- a/packages/nc-gui/components/account/SignupSettings.vue
+++ b/packages/nc-gui/components/account/SignupSettings.vue
@@ -31,9 +31,8 @@ loadSettings()
 
 <template>
   <div>
-    <div class="text-xl mt-4">Settings</div>
-    <a-divider class="!my-3" />
-    <div class="-ml-6">
+    <div class="text-xl mt-4 mb-8 text-center font-weight-bold">Settings</div>
+    <div class="flex justify-center">
       <a-form-item>
         <a-checkbox
           v-model:checked="settings.invite_only_signup"
diff --git a/packages/nc-gui/components/account/Token.vue b/packages/nc-gui/components/account/Token.vue
index e76b98aacd..04a42e6e1a 100644
--- a/packages/nc-gui/components/account/Token.vue
+++ b/packages/nc-gui/components/account/Token.vue
@@ -98,8 +98,7 @@ const descriptionInput = ref((el) => {
 
 <template>
   <div class="h-full overflow-y-scroll scrollbar-thin-dull pt-2">
-    <div class="text-xl mt-4">Token Management</div>
-    <a-divider class="!my-3" />
+    <div class="text-xl mt-4 mb-8 text-center font-weight-bold">Token Management</div>
     <div class="max-w-[900px] mx-auto p-4" data-cy="nc-token-list">
       <div class="py-2 flex gap-4 items-center">
         <div class="flex-grow"></div>
diff --git a/packages/nc-gui/components/account/UserList.vue b/packages/nc-gui/components/account/UserList.vue
index 78616a51ea..8f395c404f 100644
--- a/packages/nc-gui/components/account/UserList.vue
+++ b/packages/nc-gui/components/account/UserList.vue
@@ -124,8 +124,7 @@ const copyPasswordResetUrl = async (user: User) => {
 
 <template>
   <div data-cy="nc-super-user-list">
-    <div class="text-xl mt-4">User Management</div>
-    <a-divider class="!my-3" />
+    <div class="text-xl mt-4 mb-8 text-center font-weight-bold">User Management</div>
     <div class="max-w-[900px] mx-auto p-4">
       <div class="py-2 flex gap-4 items-center">
         <a-input-search
diff --git a/packages/nc-gui/nuxt.config.ts b/packages/nc-gui/nuxt.config.ts
index 885cbe78d9..ffaf397d56 100644
--- a/packages/nc-gui/nuxt.config.ts
+++ b/packages/nc-gui/nuxt.config.ts
@@ -75,6 +75,14 @@ export default defineNuxtConfig({
     },
   },
 
+  ignore: ['./tests/**'],
+
+  typescript:{
+    tsConfig:{
+      exclude: [ './tests/**'],
+    }
+  },
+
   vite: {
     build: {
       commonjsOptions: {
@@ -166,6 +174,9 @@ export default defineNuxtConfig({
     },
   },
 
+  // ignore: [`tests/**`],
+
+
   experimental: {
     reactivityTransform: true,
   },