CraftAttack/website
4
0
Fork 0
Code Issues 2 Pull Requests Actions Activity

do not show image carousel arrows if only one image is present

Browse Source
This commit is contained in:
Ruben Otto
2025-11-30 17:15:04 +01:00
parent 8d2c9438ef
commit 512f6a5329
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/website/features/ImageCarousel.svelte
View File

@@ -71,20 +71,22 @@
> >
{/each} {/each}
</div> </div>
<div class="absolute top-0 left-2 h-full flex items-center"> {#if images.length > 1}
<button <div class="absolute top-0 left-2 h-full flex items-center">
class="backdrop-invert-75 w-10 h-10 rounded-full flex justify-center items-center cursor-pointer z-20" <button
aria-label="previous" class="backdrop-invert-75 w-10 h-10 rounded-full flex justify-center items-center cursor-pointer z-20"
onclick={scrollPrev}><span class="iconify iconify-[heroicons--chevron-left] w-2/5 h-2/5"></span></button aria-label="previous"
> onclick={scrollPrev}><span class="iconify iconify-[heroicons--chevron-left] w-2/5 h-2/5"></span></button
</div> >
<div class="absolute top-0 right-2 h-full flex items-center"> </div>
<button <div class="absolute top-0 right-2 h-full flex items-center">
class="backdrop-invert-75 w-10 h-10 rounded-full flex justify-center items-center cursor-pointer z-20" <button
aria-label="next" class="backdrop-invert-75 w-10 h-10 rounded-full flex justify-center items-center cursor-pointer z-20"
onclick={scrollNext}><span class="iconify iconify-[heroicons--chevron-right] w-2/5 h-2/5"></span></button aria-label="next"
> onclick={scrollNext}><span class="iconify iconify-[heroicons--chevron-right] w-2/5 h-2/5"></span></button
</div> >
</div>
{/if}
{/if} {/if}
</div> </div>