🎨 feat(BlogPost): Enhance blog post link styles
Improve the appearance and accessibility of blog post links by removing the underline hover effect and updating the link text to "Read the article".
This commit is contained in:
@@ -34,7 +34,7 @@ export default function BlogArea({ blogposts }: BlogAreaProps) {
|
|||||||
<div className="right flex flex-col">
|
<div className="right flex flex-col">
|
||||||
<div className="blogpost-label text-2xl mb-4">
|
<div className="blogpost-label text-2xl mb-4">
|
||||||
<h2>
|
<h2>
|
||||||
<Link href={blogpost.get_absolute_url} className="text-white hover:underline">
|
<Link href={blogpost.get_absolute_url}>
|
||||||
{blogpost.label}
|
{blogpost.label}
|
||||||
</Link>
|
</Link>
|
||||||
</h2>
|
</h2>
|
||||||
@@ -51,8 +51,8 @@ export default function BlogArea({ blogposts }: BlogAreaProps) {
|
|||||||
<p>Posted: {blogpost.publish}</p>
|
<p>Posted: {blogpost.publish}</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-2xl">
|
<div className="text-2xl">
|
||||||
<Link href={blogpost.get_absolute_url} className="text-white hover:underline">
|
<Link href={blogpost.get_absolute_url}>
|
||||||
Read
|
Read the article
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user