ilia/profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #41 from arifszn/design

Browse Source 
Update design of project and blog sections
This commit is contained in:
Ariful Alam 2022-03-20 18:44:02 +06:00 committed by GitHub
commit d7fa99c787
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/blog/index.jsx
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,14 +189,16 @@ const Blog = ({ loading }) => {
)} )}
</h5> </h5>
</div> </div>
<div className="col-span-2">
<div className="grid grid-cols-1 gap-6">
{loading || !articles
? renderSkeleton()
: renderArticles()}
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className="col-span-2">
<div className="grid grid-cols-1 gap-6">
{loading || !articles ? renderSkeleton() : renderArticles()}
</div>
</div>
</div> </div>
</div> </div>
)} )}

14
src/components/project/index.jsx
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>