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

Make div clickable

Browse Source
This commit is contained in:
MD. Ariful Alam
2021-08-25 19:57:27 +06:00
parent 151f0f0874
commit de9f47c7a9
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Blog.js
View File

@@ -39,7 +39,7 @@ const Blog = () => {
const renderSkeleton = () => { const renderSkeleton = () => {
let array = []; let array = [];
for (let index = 0; index < 2; index++) { for (let index = 0; index < config.blog.limit; index++) {
array.push(( array.push((
<div className="card shadow-lg compact bg-base-100" key={index}> <div className="card shadow-lg compact bg-base-100" key={index}>
<div className="p-8 h-full w-full"> <div className="p-8 h-full w-full">
@@ -81,8 +81,14 @@ const Blog = () => {
} }
const renderArticles = () => { const renderArticles = () => {
return articles && articles.slice(0, 5).map((article, index) => ( return articles && articles.slice(0, config.blog.limit).map((article, index) => (
<a href={article.link} target="_blank" rel="noreferrer" className="card shadow-lg compact bg-base-100" key={index}> <div
className="card shadow-lg compact bg-base-100 cursor-pointer"
key={index}
onClick={() => {
window.open(article.link, '_blank')
}}
>
<div className="p-8 h-full w-full"> <div className="p-8 h-full w-full">
<div className="flex items-center flex-col md:flex-row"> <div className="flex items-center flex-col md:flex-row">
<div className="avatar mb-5 md:mb-0 opacity-90"> <div className="avatar mb-5 md:mb-0 opacity-90">
@@ -103,7 +109,7 @@ const Blog = () => {
<div className="w-full"> <div className="w-full">
<div className="flex items-start px-4"> <div className="flex items-start px-4">
<div className="text-center md:text-left w-full"> <div className="text-center md:text-left w-full">
<h2 className="text-lg font-semibold text-base-content opacity-60">{article.title}</h2> <h2 className="font-semibold text-base-content opacity-60">{article.title}</h2>
<p className="opacity-50 text-xs"> <p className="opacity-50 text-xs">
{moment(article.publishedAt).fromNow()} {moment(article.publishedAt).fromNow()}
</p> </p>
@@ -125,7 +131,7 @@ const Blog = () => {
</div> </div>
</div> </div>
</div> </div>
</a> </div>
)) ))
} }

4
src/components/Details.js
View File

@@ -59,12 +59,12 @@ const Details = () => {
<span> <span>
<AiFillGithub className="mr-2" /> <AiFillGithub className="mr-2" />
<a <a
href={`https://github.com/${config.githubUsername}`} href={`https://github.com/${config.github.username}`}
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
className="text-base-content-important" className="text-base-content-important"
> >
{config.githubUsername} {config.github.username}
</a> </a>
</span> </span>
</li> </li>