Wrap the blog items with a container

This commit is contained in:
Ariful Alam
2022-03-20 18:40:14 +06:00
parent ea71fdee1d
commit 1f74163548

View File

@@ -178,9 +178,9 @@ const Blog = ({ 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-3n"> <div className="mx-3 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' })
@@ -189,12 +189,14 @@ const Blog = ({ loading }) => {
)} )}
</h5> </h5>
</div> </div>
</div>
</div>
</div>
<div className="col-span-2"> <div className="col-span-2">
<div className="grid grid-cols-1 gap-6"> <div className="grid grid-cols-1 gap-6">
{loading || !articles ? renderSkeleton() : renderArticles()} {loading || !articles
? renderSkeleton()
: renderArticles()}
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>