noham/gitprofile
1
0
Fork 0
mirror of https://github.com/NohamR/gitprofile.git synced 2026-05-25 12:27:17 +00:00
Code Issues 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
parent d719e38531 1f74163548
commit d7fa99c787
2 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
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,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>

10
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,9 +154,6 @@ const Project = ({ repo, loading }) => {
</a> </a>
)} )}
</div> </div>
</div>
</div>
</div>
<div className="col-span-2"> <div className="col-span-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-6"> <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
{loading || !repo ? renderSkeleton() : renderProjects()} {loading || !repo ? renderSkeleton() : renderProjects()}
@@ -164,6 +161,9 @@ const Project = ({ repo, loading }) => {
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div>
</Fragment> </Fragment>
); );
}; };