mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-21 13:23:07 +01:00
feat: adds a dropdown when pages exceed 10 (#4242)
This commit is contained in:
@@ -104,7 +104,7 @@
|
|||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-4 text-center">
|
<div class="p-4 text-center">
|
||||||
<nav class="join" v-if="isPaginated">
|
<nav class="join" v-if="isPaginated && totalPages <= 15">
|
||||||
<input
|
<input
|
||||||
class="btn btn-square join-item"
|
class="btn btn-square join-item"
|
||||||
type="radio"
|
type="radio"
|
||||||
@@ -114,6 +114,12 @@
|
|||||||
v-for="i in totalPages"
|
v-for="i in totalPages"
|
||||||
/>
|
/>
|
||||||
</nav>
|
</nav>
|
||||||
|
<DropdownMenu
|
||||||
|
v-else-if="isPaginated"
|
||||||
|
class="btn-sm"
|
||||||
|
v-model="currentPage"
|
||||||
|
:options="Array.from({ length: totalPages }, (_, i) => ({ label: `${i + 1}`, value: i + 1 }))"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user