Mirrors/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2025-12-24 07:39:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

[RANTS-46] fix: modules list sidebar position (#6754)

Browse Source
This commit is contained in:
Aaryan Khandelwal
2025-03-16 23:50:04 +05:30
committed by GitHub
parent 0341205666
commit b370ef72ee
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/core/components/modules/modules-list-view.tsx
View File

@@ -90,20 +90,17 @@ export const ModulesListView: React.FC = observer(() => {
return (
<ContentWrapper variant={ERowVariant.HUGGING}>
{displayFilters?.layout === "list" && (
<div className="flex h-full w-full justify-between">
<div className="size-full flex justify-between">
{displayFilters?.layout === "list" && (
<ListLayout>
{filteredModuleIds.map((moduleId) => (
<ModuleListItem key={moduleId} moduleId={moduleId} />
))}
</ListLayout>
<ModulePeekOverview projectId={projectId?.toString() ?? ""} workspaceSlug={workspaceSlug?.toString() ?? ""} />
</div>
)}
{displayFilters?.layout === "board" && (
<Row className="flex h-full w-full justify-between py-page-y">
<div
className={`grid h-full w-full grid-cols-1 gap-6 overflow-y-auto ${
)}
{displayFilters?.layout === "board" && (
<Row
className={`size-full py-page-y grid grid-cols-1 gap-6 overflow-y-auto ${
peekModule
? "lg:grid-cols-1 xl:grid-cols-2 3xl:grid-cols-3"
: "lg:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4"
@@ -112,11 +109,17 @@ export const ModulesListView: React.FC = observer(() => {
{filteredModuleIds.map((moduleId) => (
<ModuleCardItem key={moduleId} moduleId={moduleId} />
))}
</Row>
)}
{displayFilters?.layout === "gantt" && (
<div className="size-full overflow-hidden">
<ModulesListGanttChartView />
</div>
)}
<div className="flex-shrink-0">
<ModulePeekOverview projectId={projectId?.toString() ?? ""} workspaceSlug={workspaceSlug?.toString() ?? ""} />
</Row>
)}
{displayFilters?.layout === "gantt" && <ModulesListGanttChartView />}
</div>
</div>
</ContentWrapper>
);
});