chore : create project small changes + shadow to button

packages/nc-gui-v2/assets/style-v2.scss

@@ -61,3 +61,6 @@ h1, h2, h3, h4, h5, h6, p, label, button, textarea, select {
   --header-height: 64px;
 }
 
+.ant-btn{
+  @apply !shadow;
+}

packages/nc-gui-v2/pages/index/index.vue

@@ -83,7 +83,7 @@ $state.sidebarOpen.value = false
         <div class="flex-grow"></div>
 
         <a-dropdown @click.stop>
-          <a-button class="nc-new-project-menu">
+          <a-button class="nc-new-project-menu !shadow btn-primary">
             <div class="flex align-center">
               {{ $t('title.newProj') }}
               <MdiMenuDown class="menu-icon"/>
@@ -133,7 +133,8 @@ $state.sidebarOpen.value = false
         <!--        Title -->
         <a-table-column key="title" :title="$t('general.title')" data-index="title">
           <template #default="{ text }">
-            <div class="capitalize !w-[400px] overflow-hidden overflow-ellipsis whitespace-nowrap nc-project-row" :title="text">
+            <div class="capitalize !w-[400px] overflow-hidden overflow-ellipsis whitespace-nowrap nc-project-row"
+                 :title="text">
               {{ text }}
             </div>
           </template>

packages/nc-gui-v2/pages/project/index/create-external.vue

@@ -216,7 +216,7 @@ onMounted(() => {
 
 <template>
   <a-card
-    class="max-w-[600px] mx-auto !mt-5 !mb-5"
+    class="max-w-[600px] mx-auto !mt-15 !mb-5 !shadow-md"
     :title="$t('activity.createProject')"
     :head-style="{ textAlign: 'center', fontWeight: '700' }"
   >
@@ -227,6 +227,7 @@ onMounted(() => {
       layout="horizontal"
       :label-col="{ span: 8 }"
       :wrapper-col="{ span: 18 }"
+      class="!pr-5"
     >
       <a-form-item :label="$t('placeholder.projName')" v-bind="validateInfos.title">
         <a-input v-model:value="formState.title" size="small" class="nc-extdb-proj-name" />
@@ -360,7 +361,7 @@ onMounted(() => {
 
       <a-form-item class="flex justify-center mt-5">
         <div class="flex justify-center gap-2">
-          <a-button type="primary" class="nc-extdb-btn-test-connection" @click="testConnection">
+          <a-button type="primary" ghost class="nc-extdb-btn-test-connection" @click="testConnection">
             {{ $t('activity.testDbConn') }}
           </a-button>
           <a-button type="primary" :disabled="!testSuccess" class="nc-extdb-btn-submit" @click="createProject"> Submit </a-button>
@@ -396,4 +397,8 @@ onMounted(() => {
 :deep(.ant-form-item-with-help .ant-form-item-explain) {
   @apply !min-h-0;
 }
+
+:deep(.ant-card-head-title){
+  @apply !text-3xl
+}
 </style>