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

improve relatedarticles layout

Browse source
This commit is contained in:
Troy 2025-01-19 15:08:48 +00:00
parent 1089b32e26
commit 1ebdd2bd9c
Signed by: troy
GPG key ID: DFC06C02ED3B4711
3 changed files with 3 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/RelatedArticles.astro
View file

@ -19,19 +19,15 @@ const next = items[(index + 1) % items.length];
{
items.length > 1 ? (
<div class="mx-auto mt-8 flex max-w-prose justify-between gap-4 md:gap-0">
<div class="group flex w-fit flex-row items-center justify-between">
<div class="mx-auto mt-8 flex max-w-prose md:flex-row justify-between gap-4 md:gap-0 flex-col-reverse">
<Button
href={`/${prev.collection}/${prev.slug}`}
link={`Previous: ${prev.data.title}`}
/>
</div>
<div class="group flex w-fit flex-row items-center justify-between self-end">
<Button
href={`/${next.collection}/${next.slug}`}
link={`Next: ${next.data.title}`}
/>
</div>
</div>
) : null
}