fix: add back reveal animations on index

This commit is contained in:
Troy 2025-02-13 12:54:26 +00:00
parent 73c269a59c
commit 0edd672a70
Signed by: troy
GPG key ID: DFC06C02ED3B4711
7 changed files with 17 additions and 28 deletions

View file

@ -1,6 +1,5 @@
---
import { Image } from "astro:assets";
import FormattedDate from "@components/FormattedDate.astro";
type Props = {
collection: any;
@ -12,7 +11,7 @@ const { collection } = Astro.props;
<li>
<article class="flex-col overflow-clip">
<a href={`/${collection.collection}/${collection.slug}`} class="group">
<div class="overflow-hidden rounded-md">
<div class="overflow-hidden rounded-sm">
<Image
src={collection.data.image.url}
alt={collection.data.image.alt}
@ -22,19 +21,6 @@ const { collection } = Astro.props;
fit="cover"
/>
</div>
<article class="flex flex-col">
<h3 class="mb-1 font-semibold text-balance">
<span class="text-secondary">{collection.data.title}</span><span
class="text-tertiary group-hover:text-accent ml-2 transition-colors"
>{collection.data.description}</span
>
</h3>
<time class="text-accent block text-sm"
><time>
<FormattedDate date={collection.data.date} />
</time></time
>
</article>
</a>
</article>
</li>