clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-03 23:16:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(nc-gui): project overview tab scroll issue

Browse Source
This commit is contained in:
Ramesh Mane
2025-07-04 07:40:24 +00:00
parent d4f0014887
commit 9d83f4e0d2
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/nc-gui/components/project/Overview.vue
View File

@@ -72,7 +72,13 @@ const onCreateSyncClick = () => {
</script>
<template>
<div class="nc-all-tables-view px-6 pt-6">
<div
class="nc-all-tables-view p-6 nc-scrollbar-thin"
:style="{
height: 'calc(100vh - var(--topbar-height) - 44px)',
}"
>
<div class="text-subHeading2 text-nc-content-gray mb-6">{{ $t('labels.actions') }}</div>
<div
class="flex flex-row gap-6 pb-2 flex-wrap max-w-[1000px]"
:class="{

6
packages/nc-gui/components/project/View.vue
View File

@@ -185,7 +185,7 @@ onMounted(() => {
<template #leftExtra>
<div class="w-3"></div>
</template>
<a-tab-pane v-if="!isAdminPanel" key="overview">
<a-tab-pane v-if="!isAdminPanel" key="overview" class="nc-project-overview-tab-content">
<template #tab>
<div class="tab-title" data-testid="proj-view-tab__all-tables">
<GeneralIcon icon="ncMultiCircle" />
@@ -288,7 +288,9 @@ onMounted(() => {
@apply pt-2 pb-3;
}
:deep(.ant-tabs-content) {
@apply nc-content-max-w;
&:not(:has(.nc-project-overview-tab-content)) {
@apply nc-content-max-w;
}
}
:deep(.ant-tabs-tab .tab-title) {
@apply text-gray-500;