aboutsummaryrefslogtreecommitdiff
path: root/components/post-card.tsx
diff options
context:
space:
mode:
authorschererleander <leander@schererleander.de>2025-12-28 21:46:32 +0100
committerschererleander <leander@schererleander.de>2025-12-28 21:46:32 +0100
commit2c102ad4756b5e7aeab3b0fd05fd0e37687f901f (patch)
tree2992bfe033cb0fe8ed1de20632baeb4b576e8b19 /components/post-card.tsx
parent33a0e018def36d6b5f26cefb0434064b33fb50fb (diff)
chore(style): clean up tailwindcss, other
Diffstat (limited to 'components/post-card.tsx')
-rw-r--r--components/post-card.tsx9
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>