breadone/Recipie
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

image width format fix

Browse Source
This commit is contained in:
June 2025-08-13 15:34:12 +12:00
parent 93e3fc6db5
commit 57d5bbe7a3
Signed by: breadone
GPG Key ID: FDC19FE143200483
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Detail/ImageCarousel.astro
View File

@ -49,9 +49,9 @@ const links = await Promise.all(
<!-- Hidden element to pass server data to client --> <!-- Hidden element to pass server data to client -->
<div class="hidden" id="carousel-data">{JSON.stringify(links)}</div> <div class="hidden" id="carousel-data">{JSON.stringify(links)}</div>
<div class="relative flex items-center w-full md:w-80 h-60"> <div class="relative flex items-center w-full h-60">
<button id="dec-button" class="absolute left-2" onclick="dec()">PREV</button> <button id="dec-button" class="absolute left-2" onclick="dec()">PREV</button>
<img id="carousel-img" class="w-full h-full object-cover" src={links[0]} /> <img id="carousel-img" class="rounded-lg w-full h-full object-cover" src={links[0]} />
<!-- <div class="w-70 h-60 bg-green-600" /> --> <!-- <div class="w-70 h-60 bg-green-600" /> -->
<button id="inc-button" class="absolute right-2" onclick="inc()">NEXT</button> <button id="inc-button" class="absolute right-2" onclick="inc()">NEXT</button>
</div> </div>