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

fix: animate reveal of relatedarticles section

Browse source
This commit is contained in:
Troy 2025-03-03 16:00:47 +00:00
parent b6ea5bea05
commit 2709cfac18
Signed by: troy
GPG key ID: DFC06C02ED3B4711
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package.json
View file

@ -9,7 +9,7 @@
"astro": "astro", "astro": "astro",
"format:check": "prettier --check .", "format:check": "prettier --check .",
"format:write": "prettier --write .", "format:write": "prettier --write .",
"update": "npx npm-check-updates" "update": "npx npm-check-updates -u"
}, },
"dependencies": { "dependencies": {
"@astrojs/check": "0.9.4", "@astrojs/check": "0.9.4",
@ -30,7 +30,7 @@
"@iconify-json/mdi": "^1.2.3", "@iconify-json/mdi": "^1.2.3",
"@tailwindcss/typography": "^0.5.16", "@tailwindcss/typography": "^0.5.16",
"@types/node": "^22.13.8", "@types/node": "^22.13.8",
"prettier": "^3.5.2", "prettier": "^3.5.3",
"prettier-plugin-astro": "^0.14.1", "prettier-plugin-astro": "^0.14.1",
"prettier-plugin-tailwindcss": "^0.6.11" "prettier-plugin-tailwindcss": "^0.6.11"
} }

2
src/components/RelatedArticles.astro
View file

@ -19,7 +19,7 @@ const next = items[(index + 1) % items.length];
{ {
items.length > 1 ? ( items.length > 1 ? (
<div class="mx-auto flex w-full flex-col-reverse items-center justify-between gap-4 md:flex-row"> <div class="animate-reveal mx-auto flex w-full flex-col-reverse items-center justify-between gap-4 opacity-0 [animation-delay:0.1s] md:flex-row">
<Button <Button
href={`/${prev.collection}/${prev.slug}`} href={`/${prev.collection}/${prev.slug}`}
link={`Previous: ${prev.data.title}`} link={`Previous: ${prev.data.title}`}