cerc-io/snowballtools-base-mirror
16
0
Fork 0
mirror of https://github.com/snowball-tools/snowballtools-base.git synced 2024-12-22 20:47:44 +00:00
Code Issues 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">
<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>

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

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