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

[WEB-4236] fix: divided settings scroll for sidebar and main content (#7201)

Browse source 
* fix: divided settings scroll for sidebar and main content

* fix: handled icons

* fix: mobile css
This commit is contained in:
Akshita Goyal 2025-06-11 16:11:40 +05:30 • committed by GitHub
parent 9c28db8b7b
commit ad11a34efc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 17 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/layout.tsx
View file

@ -39,13 +39,13 @@ const WorkspaceSettingLayout: FC<IWorkspaceSettingLayout> = observer((props) =>
hamburgerContent={WorkspaceSettingsSidebar}
activePath={getWorkspaceActivePath(pathname) || ""}
/>
<div className="inset-y-0 flex flex-row w-full">
<div className="inset-y-0 flex flex-row w-full h-full">
{workspaceUserInfo && !isAuthorized ? (
<NotAuthorizedView section="settings" className="h-auto" />
) : (
<div className="relative flex h-full w-full">
<div className="hidden md:block">{<WorkspaceSettingsSidebar />}</div>
{children}
<div className="w-full h-full overflow-y-scroll md:pt-page-y">{children}</div>
</div>
)}
</div>

4
web/app/(all)/[workspaceSlug]/(settings)/settings/account/layout.tsx
View file

@ -24,7 +24,9 @@ const ProfileSettingsLayout = observer((props: Props) => {
<div className="hidden md:block">
<ProfileSidebar />
</div>
<SettingsContentWrapper>{children}</SettingsContentWrapper>
<div className="w-full h-full overflow-y-scroll md:pt-page-y">
<SettingsContentWrapper>{children}</SettingsContentWrapper>
</div>
</div>
</>
);

2
web/app/(all)/[workspaceSlug]/(settings)/settings/projects/layout.tsx
View file

@ -36,7 +36,7 @@ const ProjectSettingsLayout = observer((props: Props) => {
<ProjectAuthWrapper workspaceSlug={workspaceSlug?.toString()} projectId={projectId?.toString()}>
<div className="relative flex h-full w-full">
<div className="hidden md:block">{projectId && <ProjectSettingsSidebar />}</div>
{children}
<div className="w-full h-full overflow-y-scroll md:pt-page-y">{children}</div>
</div>
</ProjectAuthWrapper>
</>