noham/gitprofile
1
0
Fork 0
mirror of https://github.com/NohamR/gitprofile.git synced 2026-05-25 20:00:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update style of blog

Browse Source
This commit is contained in:
Ariful Alam
2022-03-20 00:17:18 +06:00
parent b4d65da1a7
commit 32c663fd55
1 changed files with 12 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/blog/index.jsx
View File

@@ -20,7 +20,7 @@ const displaySection = () => {
} }
}; };
const Blog = ({loading}) => { const Blog = ({ loading }) => {
const [articles, setArticles] = useState(null); const [articles, setArticles] = useState(null);
useEffect(() => { useEffect(() => {
@@ -152,13 +152,10 @@ const Blog = ({loading}) => {
<div className="mt-4 flex items-center flex-wrap justify-center md:justify-start"> <div className="mt-4 flex items-center flex-wrap justify-center md:justify-start">
{article.categories.map((category, index2) => ( {article.categories.map((category, index2) => (
<div <div
className="py-2 px-4 text-xs leading-3 rounded-full bg-base-300 mr-1 mb-1 opacity-50"
key={index2} key={index2}
className="flex text-sm mr-3 items-center opacity-50 font-bold font-mono"
> >
<span> #{category}
<CgHashtag />
</span>
<span>{category}</span>
</div> </div>
))} ))}
</div> </div>
@@ -180,19 +177,15 @@ const Blog = ({loading}) => {
<div className="col-span-2"> <div className="col-span-2">
<div className="card compact bg-base-100 shadow-sm"> <div className="card compact bg-base-100 shadow-sm">
<div className="card-body"> <div className="card-body">
<ul className="menu row-span-3 bg-base-100 text-base-content"> <div className="mx-3n">
<li>
<div className="pb-0-important mx-4 flex items-center justify-between">
<h5 className="card-title"> <h5 className="card-title">
{loading || !articles ? ( {loading ? (
skeleton({ width: 'w-28', height: 'h-8' }) skeleton({ width: 'w-28', height: 'h-8' })
) : ( ) : (
<span className="opacity-70">Recent Posts</span> <span className="opacity-70">Recent Posts</span>
)} )}
</h5> </h5>
</div> </div>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>