refactor: CardBlog wrap title, img with Link

This commit is contained in:
unknown
2021-09-07 13:17:31 +07:00
parent 9de5269984
commit 3d0eac6e8f
2 changed files with 2 additions and 4 deletions

View File

@@ -8,7 +8,7 @@
width: 100%; width: 100%;
max-height: 22rem; max-height: 22rem;
border-radius: 2.4rem; border-radius: 2.4rem;
&:hover{ &:hover {
cursor: pointer; cursor: pointer;
} }
} }
@@ -19,7 +19,7 @@
line-height: 2.8rem; line-height: 2.8rem;
letter-spacing: -0.01em; letter-spacing: -0.01em;
color: var(--text-active); color: var(--text-active);
&:hover{ &:hover {
cursor: pointer; cursor: pointer;
} }
} }

View File

@@ -13,8 +13,6 @@ const CardBlog = ({ imageSrc, title, description, link }: BlogCardProps) => {
<div className={s.image}> <div className={s.image}>
<img src={imageSrc} alt="image cardblog" /> <img src={imageSrc} alt="image cardblog" />
</div> </div>
</Link>
<Link href={link}>
<div className={s.title}>{title}</div> <div className={s.title}>{title}</div>
</Link> </Link>
<div className={s.description}>{description}</div> <div className={s.description}>{description}</div>