Implement scrollable content in dashboard layout (#33)

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

View File

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

View File

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