Wrap the project items with a container

This commit is contained in:
Ariful Alam 2022-03-20 18:34:20 +06:00
parent d719e38531
commit ea71fdee1d

View File

@ -131,9 +131,9 @@ const Project = ({ repo, loading }) => {
<div className="col-span-1 lg:col-span-2"> <div className="col-span-1 lg:col-span-2">
<div className="grid grid-cols-2 gap-6"> <div className="grid grid-cols-2 gap-6">
<div className="col-span-2"> <div className="col-span-2">
<div className="card compact bg-base-100 shadow-sm"> <div className="card compact shadow-sm glass">
<div className="card-body"> <div className="card-body">
<div className="mx-3 flex items-center justify-between"> <div className="mx-3 flex items-center justify-between mb-2">
<h5 className="card-title"> <h5 className="card-title">
{loading ? ( {loading ? (
skeleton({ width: 'w-28', height: 'h-8' }) skeleton({ width: 'w-28', height: 'h-8' })
@ -154,14 +154,14 @@ const Project = ({ repo, loading }) => {
</a> </a>
)} )}
</div> </div>
<div className="col-span-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
{loading || !repo ? renderSkeleton() : renderProjects()}
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className="col-span-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
{loading || !repo ? renderSkeleton() : renderProjects()}
</div>
</div>
</div> </div>
</div> </div>
</Fragment> </Fragment>