mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 12:24:18 +00:00
refactor: CardBlog wrap title, img with Link
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -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>
|
||||||
|
Reference in New Issue
Block a user