vuesax
vuesax copied to clipboard
Responsive Pagination
Pagination component is not responsive. Pages get cut in mobile devices.
You can check in live demo.
anyone have the way to solve this ?
@tarzanking @jsinhSolanki
I had the same problem but I solved it by adding a div
container to vs-pagination
.
For example,
from
<vs-pagination v-model="page" :length="reviews.last_page" class="mt-8 mb-4"/>
to
<div class="flex flex-col items-center">
<vs-pagination v-model="page" :length="reviews.last_page" class="mt-8 mb-4"/>
</div>
The reason of this could solve the problem is because the active page button uses absolute position. Hope this helps.