refactor: simplify media preview navigation by replacing button list with current index display for improved user experience
This commit is contained in:
parent
f1f9162304
commit
f105d2cb3f
@ -147,11 +147,8 @@ function handleTouchEnd(e: TouchEvent) {
|
|||||||
Sebelumnya
|
Sebelumnya
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
<div class="flex flex-wrap justify-center gap-1.5">
|
<div class="text-sm text-muted-foreground font-medium select-none">
|
||||||
<button v-for="(_, idx) in allUrls" :key="idx" type="button"
|
{{ currentIndex + 1 }} / {{ allUrls.length }}
|
||||||
class="size-2 rounded-full transition-all duration-200"
|
|
||||||
:class="idx === currentIndex ? 'bg-primary w-4' : 'bg-muted-foreground/30'"
|
|
||||||
@click="activeUrl = allUrls[idx]; emit('update:url', allUrls[idx]);" />
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Button type="button" variant="outline" size="sm" class="flex items-center gap-1 shrink-0"
|
<Button type="button" variant="outline" size="sm" class="flex items-center gap-1 shrink-0"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user