diff options
| author | schererleander <leander@schererleander.de> | 2025-12-28 21:46:32 +0100 |
|---|---|---|
| committer | schererleander <leander@schererleander.de> | 2025-12-28 21:46:32 +0100 |
| commit | 2c102ad4756b5e7aeab3b0fd05fd0e37687f901f (patch) | |
| tree | 2992bfe033cb0fe8ed1de20632baeb4b576e8b19 /components/post-card.tsx | |
| parent | 33a0e018def36d6b5f26cefb0434064b33fb50fb (diff) | |
chore(style): clean up tailwindcss, other
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> |
