fix: add back reveal animations on index
This commit is contained in:
parent
73c269a59c
commit
0edd672a70
7 changed files with 17 additions and 28 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue