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

[PIE-8] Add recipe detail view #6

Merged
breadone merged 17 commits from PIE-8 into main 2025-08-13 16:54:06 +12:00
Conversation 0 Commits 17 Files Changed 15 +2 -2
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 57d5bbe7a3 - Show all commits

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>