clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-02 11:17:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: cleanup and empty state for base sidebar

Browse Source
This commit is contained in:
Ramesh Mane
2026-02-20 10:35:35 +00:00
parent 496e13e598
commit 9565bae7e0
8 changed files with 22 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/nc-gui/components/dashboard/TreeView/Project/List.vue
View File

@@ -14,7 +14,7 @@ const basesStore = useBases()
const { createProject: _createProject } = basesStore
const { bases, basesList, activeProjectId } = storeToRefs(basesStore)
const { bases, basesList, activeProjectId, isProjectsLoaded } = storeToRefs(basesStore)
const { activeWorkspaceId } = storeToRefs(useWorkspace())
@@ -331,6 +331,17 @@ watch(
</DashboardTreeViewProjectHome>
</ProjectWrapper>
</div>
<div v-else-if="isProjectsLoaded && !basesList.length" class="nc-treeview-empty-state">
<a-empty :image="Empty.PRESENTED_IMAGE_SIMPLE" :description="$t('activity.noBasesFound')" class="!mb-1" />
<WorkspaceCreateProjectBtn type="primary">
<div class="flex items-center gap-1.5">
<GeneralIcon icon="plus" />
{{ $t('title.newProj') }}
</div>
</WorkspaceCreateProjectBtn>
</div>
<DashboardTreeViewProjectListSkeleton v-else />
<WorkspaceCreateProjectDlg v-model="baseCreateDlg" />
@@ -346,6 +357,10 @@ watch(
@apply bg-primary-selected dark:bg-nc-bg-gray-medium;
}
.nc-treeview-empty-state {
@apply w-full h-full flex flex-col items-center justify-center p-6 text-nc-content-gray-muted;
}
:deep(.nc-sidebar-create-base-btn.nc-button.ant-btn-text.theme-default) {
@apply hover:bg-nc-bg-brand pl-[15px];
}