fix: missing ui features in context menu

packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue

@@ -530,7 +530,13 @@ const DlgProjectDuplicateOnOk = async (jobData: { id: string; project_id: string
                   <GeneralIcon icon="settings" class="group-hover:text-black" />
                   {{ $t('activity.settings') }}
                 </NcMenuItem>
-
+                <template v-if="project.bases && project.bases[0]">
+                  <NcDivider />
+                  <!-- Import Data -->
+                  <DashboardTreeViewBaseOptions v-model:project="project" :base="project.bases[0]" />
+                  <NcDivider />
+                </template>
+                <!-- Delete -->
                 <NcMenuItem
                   v-if="isUIAllowed('projectDelete', { roles: [stringifyRolesObj(orgRoles), projectRole].join() })"
                   data-testid="nc-sidebar-project-delete"
@@ -712,8 +718,8 @@ const DlgProjectDuplicateOnOk = async (jobData: { id: string; project_id: string
               {{ $t('general.duplicate') }}
             </div>
           </NcMenuItem>
-
-          <NcMenuItem v-if="isUIAllowed('tableDelete')" @click="isTableDeleteDialogVisible = true">
+          <NcDivider />
+          <NcMenuItem v-if="isUIAllowed('table-delete')" class="!hover:bg-red-50" @click="isTableDeleteDialogVisible = true">
             <div class="nc-project-option-item text-red-600">
               <GeneralIcon icon="delete" />
               {{ $t('general.delete') }}

packages/nc-gui/components/nc/MenuItem.vue

@@ -8,7 +8,7 @@
 
 <style lang="scss">
 .ant-dropdown-menu-item.nc-menu-item {
-  @apply py-2 px-2 mx-1.5 font-normal text-sm rounded-md overflow-hidden hover:bg-gray-100;
+  @apply py-2 px-2 mx-1.5 font-normal text-dropdown rounded-md overflow-hidden hover:bg-gray-100;
 }
 
 .nc-menu-item-inner {

packages/nc-gui/components/smartsheet/header/Menu.vue

@@ -360,7 +360,7 @@ const onInsertAfter = () => {
         </a-menu-item>
         <a-divider class="!my-0" />
 
-        <a-menu-item v-if="!column?.pv" @click="handleDelete">
+        <a-menu-item v-if="!column?.pv" @click="handleDelete" class="!hover:bg-red-50">
           <div class="nc-column-delete nc-header-menu-item my-0.75 text-red-600">
             <component :is="iconMap.delete" class="ml-0.75 mr-1" />
             <!-- Delete -->
@@ -375,7 +375,7 @@ const onInsertAfter = () => {
 
 <style scoped>
 .nc-header-menu-item {
-  @apply text-xs flex items-center px-1 py-2 gap-1;
+  @apply text-dropdown flex items-center px-1 py-2 gap-1;
 }
 
 .nc-column-options {

packages/nc-gui/windi.config.ts

@@ -165,6 +165,9 @@ export default defineConfig({
         dark: colors.dark,
         light: colors.light,
       },
+      fontSize: {
+        dropdown: '0.85rem',
+      },
     },
   },
 })