cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

Implement scrollable content in dashboard layout (#33)

Browse Source
This commit is contained in:
Nabarun Gogoi 2023-12-28 12:21:46 +05:30 committed by GitHub
parent 42ec846ff2
commit 7799e0337b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/src/layouts/Dashboard.tsx
View File

@ -9,8 +9,8 @@ const Dashboard = () => {
<div className="h-full"> <div className="h-full">
<Sidebar /> <Sidebar />
</div> </div>
<div className="col-span-4 h-full p-3"> <div className="col-span-4 h-full p-3 overflow-y-hidden">
<div className="bg-white rounded-3xl h-full"> <div className="bg-white rounded-3xl h-full overflow-y-auto">
<Outlet /> <Outlet />
</div> </div>
</div> </div>

4
packages/frontend/src/layouts/ProjectSearch.tsx
View File

@ -8,6 +8,7 @@ import ProjectSearchBar from '../components/projects/ProjectSearchBar';
const ProjectSearch = () => { const ProjectSearch = () => {
return ( return (
<div> <div>
<div className="sticky top-0 bg-white z-30">
<div className="flex p-5"> <div className="flex p-5">
<div className="grow mr-2"> <div className="grow mr-2">
<ProjectSearchBar onChange={() => {}} /> <ProjectSearchBar onChange={() => {}} />
@ -23,8 +24,11 @@ const ProjectSearch = () => {
</div> </div>
</div> </div>
<HorizontalLine /> <HorizontalLine />
</div>
<div className="z-0">
<Outlet /> <Outlet />
</div> </div>
</div>
); );
}; };