Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2025-11-15 01:01:20 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat(carousel ui): add aden's carousel pagination design

Browse Source
This commit is contained in:
DecDuck
2024-12-29 19:08:18 +11:00
parent db103de24d
commit a86045c307
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/CarouselPagination.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<div class="flex flex-row flex-wrap gap-3 justify-center"> <div class="flex flex-row flex-wrap gap-2 justify-center">
<button <button
v-for="(_, i) in amount" v-for="(_, i) in amount"
@click="() => slideTo(i)" @click="() => slideTo(i)"
:class="[ :class="[
currentSlide == i ? 'bg-zinc-300' : 'bg-zinc-700', currentSlide == i ? 'bg-blue-600 w-6' : 'bg-zinc-700 w-3',
'cursor-pointer w-4 h-2 rounded-full', 'transition-all cursor-pointer h-2 rounded-full',
]" ]"
/> />
</div> </div>

2
drop-base

Submodule drop-base updated: 1694de4e89...01fd41c65a