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>

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

@ -8,22 +8,26 @@ import ProjectSearchBar from '../components/projects/ProjectSearchBar';
const ProjectSearch = () => { const ProjectSearch = () => {
return ( return (
<div> <div>
<div className="flex p-5"> <div className="sticky top-0 bg-white z-30">
<div className="grow mr-2"> <div className="flex p-5">
<ProjectSearchBar onChange={() => {}} /> <div className="grow mr-2">
</div> <ProjectSearchBar onChange={() => {}} />
<IconButton color="blue" className="rounded-full mr-2"> </div>
<Typography variant="h5">+</Typography> <IconButton color="blue" className="rounded-full mr-2">
</IconButton> <Typography variant="h5">+</Typography>
<div className="mr-2 flex items-center"> </IconButton>
<Typography>^</Typography> <div className="mr-2 flex items-center">
</div> <Typography>^</Typography>
<div className="px-2 py-1 bg-blue-gray-50 rounded-lg"> </div>
<Typography variant="lead">SY</Typography> <div className="px-2 py-1 bg-blue-gray-50 rounded-lg">
<Typography variant="lead">SY</Typography>
</div>
</div> </div>
<HorizontalLine />
</div>
<div className="z-0">
<Outlet />
</div> </div>
<HorizontalLine />
<Outlet />
</div> </div>
); );
}; };