Skip to content

Commit

Permalink
Buttons work for carousel
Browse files Browse the repository at this point in the history
  • Loading branch information
@katporks
katporks committed Apr 22, 2024
1 parent dded305 commit d75cd08
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions home/templates/home/home_page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,15 +50,15 @@
{% endfor %}
<div class="flex flex-row lg:flex-col">
<button @click="slide=0"
class="bg-hot-red shadow w-[45px] h-[45px] text-2xl text-hot-white font-bold flex items-center justify-center">
x-bind:class="{'bg-hot-red shadow w-[45px] h-[45px] text-2xl text-hot-white font-bold flex items-center justify-center': slide === 0, 'backdrop-blur-lg shadow w-[45px] h-[45px] text-2xl text-hot-white font-regular flex items-center justify-center': slide !== 0}">
1
</button>
<button @click="slide=1"
class="backdrop-blur-lg shadow w-[45px] h-[45px] text-2xl text-hot-white font-regular flex items-center justify-center">
x-bind:class="{'bg-hot-red shadow w-[45px] h-[45px] text-2xl text-hot-white font-bold flex items-center justify-center': slide === 1, 'backdrop-blur-lg shadow w-[45px] h-[45px] text-2xl text-hot-white font-regular flex items-center justify-center': slide !== 1}">
2
</button>
<button @click="slide=2"
class="backdrop-blur-lg shadow w-[45px] h-[45px] text-2xl text-hot-white font-regular flex items-center justify-center">
x-bind:class="{'bg-hot-red shadow w-[45px] h-[45px] text-2xl text-hot-white font-bold flex items-center justify-center': slide === 2, 'backdrop-blur-lg shadow w-[45px] h-[45px] text-2xl text-hot-white font-regular flex items-center justify-center': slide !== 2}">
3
</button>
</div>
Expand Down

0 comments on commit d75cd08

Please sign in to comment.