binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
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 ( return (
<ContentWrapper variant={ERowVariant.HUGGING}> <ContentWrapper variant={ERowVariant.HUGGING}>
{displayFilters?.layout === "list" && ( <div className="size-full flex justify-between">
<div className="flex h-full w-full justify-between"> {displayFilters?.layout === "list" && (
<ListLayout> <ListLayout>
{filteredModuleIds.map((moduleId) => ( {filteredModuleIds.map((moduleId) => (
<ModuleListItem key={moduleId} moduleId={moduleId} /> <ModuleListItem key={moduleId} moduleId={moduleId} />
))} ))}
</ListLayout> </ListLayout>
<ModulePeekOverview projectId={projectId?.toString() ?? ""} workspaceSlug={workspaceSlug?.toString() ?? ""} /> )}
</div> {displayFilters?.layout === "board" && (
)} <Row
{displayFilters?.layout === "board" && ( className={`size-full py-page-y grid grid-cols-1 gap-6 overflow-y-auto ${
<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 ${
peekModule peekModule
? "lg:grid-cols-1 xl:grid-cols-2 3xl:grid-cols-3" ? "lg:grid-cols-1 xl:grid-cols-2 3xl:grid-cols-3"
: "lg:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4" : "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) => ( {filteredModuleIds.map((moduleId) => (
<ModuleCardItem key={moduleId} moduleId={moduleId} /> <ModuleCardItem key={moduleId} moduleId={moduleId} />
))} ))}
</Row>
)}
{displayFilters?.layout === "gantt" && (
<div className="size-full overflow-hidden">
<ModulesListGanttChartView />
</div> </div>
)}
<div className="flex-shrink-0">
<ModulePeekOverview projectId={projectId?.toString() ?? ""} workspaceSlug={workspaceSlug?.toString() ?? ""} /> <ModulePeekOverview projectId={projectId?.toString() ?? ""} workspaceSlug={workspaceSlug?.toString() ?? ""} />
</Row> </div>
)} </div>
{displayFilters?.layout === "gantt" && <ModulesListGanttChartView />}
</ContentWrapper> </ContentWrapper>
); );
}); });