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

feat: darken slideshow image on hover

Browse source
This commit is contained in:
Troy 2025-02-25 13:17:10 +00:00
parent d2c5a79a10
commit 907747cd8e
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

2
bun.lock
View file

@ -11,7 +11,7 @@
"@fontsource-variable/outfit": "^5.1.1", "@fontsource-variable/outfit": "^5.1.1",
"@fontsource-variable/red-hat-mono": "^5.1.1", "@fontsource-variable/red-hat-mono": "^5.1.1",
"@tailwindcss/vite": "^4.0.8", "@tailwindcss/vite": "^4.0.8",
"astro": "^5.3.0", "astro": "^5.3.1",
"astro-icon": "^1.1.5", "astro-icon": "^1.1.5",
"rehype-external-links": "^3.0.0", "rehype-external-links": "^3.0.0",
"tailwindcss": "^4.0.8", "tailwindcss": "^4.0.8",

4
src/components/Slideshow.astro
View file

@ -10,7 +10,7 @@ const { interval = 3000, images } = Astro.props;
--- ---
<div <div
class="relative min-h-[50svh] w-full overflow-hidden" class="group relative min-h-[50svh] w-full overflow-hidden"
data-interval={interval} data-interval={interval}
> >
{ {
@ -27,7 +27,7 @@ const { interval = 3000, images } = Astro.props;
src={image.data.image.url} src={image.data.image.url}
alt={`Slide ${index + 1}`} alt={`Slide ${index + 1}`}
title={image.data.title} title={image.data.title}
class="h-full w-full rounded-sm object-cover" class="h-full w-full rounded-sm object-cover transition-all duration-300 group-hover:brightness-50"
loading="eager" loading="eager"
/> />
</a> </a>