diff options
Diffstat (limited to 'components/post-card.tsx')
| -rw-r--r-- | components/post-card.tsx | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/components/post-card.tsx b/components/post-card.tsx index 4990188..25a79ae 100644 --- a/components/post-card.tsx +++ b/components/post-card.tsx @@ -5,12 +5,15 @@ import Link from "next/link" export function PostCard(post: Post) { return ( <div className="mb-8"> - <Link href={post.url} className="no-underline"> - <h2 className="mb-1.5 mt-3 text-xl font-bold text-foreground"> + <Link + href={post.url} + className="group no-underline inline-block" + > + <h2 className="text-xl font-bold relative before:content-['#'] before:absolute before:-left-5 before:font-normal before:text-muted-foreground before:opacity-0 before:transition group-hover:before:opacity-100"> {post.title} </h2> </Link> - <div className="flex gap-1.5 font-medium text-muted-foreground/60"> + <div className="text-muted-foreground/60"> <time dateTime={post.date} title={format(parseISO(post.date), 'yyyy/MM/dd')}> {format(parseISO(post.date), 'do MMM yyyy')} </time> |