troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

add prev & next article buttons (#3)

Browse source 
solution inspired by https://github.com/markhorn-dev/astro-sphere
This commit is contained in:
Troy 2024-12-26 15:02:43 +00:00 • committed by GitHub
parent 93d8c4f67d
commit 3aa7ca486b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 212 additions and 753 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/ShowcasePage.astro
View file

@ -16,7 +16,7 @@ const { content, CONSTS } = Astro.props;
{CONSTS.TITLE}
</h1>
<div
class="mt-16 grid animate-reveal grid-cols-1 gap-6 opacity-0 [animation-delay:0.4s] md:grid-cols-3 md:[&>*:nth-child(4n+2)]:col-span-2 md:[&>*:nth-child(4n+3)]:col-span-2 md:[&>*:only-child]:col-span-3"
class="mt-16 grid animate-reveal grid-cols-1 gap-6 opacity-0 [animation-delay:0.1s] md:grid-cols-3 md:[&>*:nth-child(4n+2)]:col-span-2 md:[&>*:nth-child(4n+3)]:col-span-2 md:[&>*:only-child]:col-span-3"
>
{content.map((article: any) => <Showcase collection={article} />)}
</div>