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

fix: always show project title over hero image on mobile
All checks were successful
Docker / build-and-push-image (push) Successful in 1m58s
Details

Browse source
This commit is contained in:
Troy 2025-07-25 19:15:46 +01:00
parent c7be9f3aba
commit db23c4aee4
Signed by: troy
GPG key ID: DFC06C02ED3B4711
3 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/Slideshow.astro
View file

@ -31,8 +31,8 @@ const { interval = 3000, images } = Astro.props;
loading="eager"
{...(index === 0 && { priority: true })}
/>
<div class="relative opacity-0 transition-all delay-100 duration-300 ease-in-out group-hover:opacity-100">
<p class="absolute right-5 bottom-5 font-medium text-white">
<div class="relative opacity-100 transition-all delay-100 duration-300 ease-in-out group-hover:opacity-100 md:opacity-0">
<p class="bg-primary/50 absolute right-5 bottom-5 rounded-sm px-1 py-0.5 font-medium text-white md:bg-transparent">
{image.data.title}
</p>
</div>