From c4ff4c8f704776fe4f7a8d8c686fba18001454cc Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Tue, 26 Jul 2022 14:43:26 +0800
Subject: [PATCH] feat(gui-v2): apply tailwindcss on TabView

---
 packages/nc-gui-v2/components/dashboard/TabView.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui-v2/components/dashboard/TabView.vue b/packages/nc-gui-v2/components/dashboard/TabView.vue
index 2f1e008fa1..3ed47c7588 100644
--- a/packages/nc-gui-v2/components/dashboard/TabView.vue
+++ b/packages/nc-gui-v2/components/dashboard/TabView.vue
@@ -111,12 +111,17 @@ function openQuickImportDialog(type: string) {
               </a-menu-item>
             </a-menu-item-group>
             <a-divider class="ma-0 mb-2" />
-            <a-menu-item v-if="isUIAllowed('importRequest')" key="add-new-table" v-t="['e:datasource:import-request']">
+            <a-menu-item
+              v-if="isUIAllowed('importRequest')"
+              key="add-new-table"
+              v-t="['e:datasource:import-request']"
+              class="ma-0 mt-3"
+            >
               <a href="https://github.com/nocodb/nocodb/issues/2052" target="_blank" class="prose-sm pa-0">
                 <span class="flex items-center gap-2">
                   <MdiRequestDataSourceIcon class="text-primary" />
                   <!-- TODO: i18n -->
-                  Request Data Source
+                  Request a data source you need?
                 </span>
               </a>
             </a-menu-item>
@@ -140,7 +145,6 @@ function openQuickImportDialog(type: string) {
 
 <style scoped lang="scss">
 :deep(.ant-menu-item-group-list) .ant-menu-item {
-  padding: 0px 46px 0px 16px;
-  margin: 0px;
+  @apply m-0 pa-0 pl-4 pr-16;
 }
 </style>