Implement scrollable content in dashboard layout (#33)
This commit is contained in:
parent
42ec846ff2
commit
7799e0337b
@ -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>
|
||||
|
@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user