vuesax icon indicating copy to clipboard operation
vuesax copied to clipboard

Responsive Pagination

Open jsinhSolanki opened this issue 5 years ago • 2 comments

Pagination component is not responsive. Pages get cut in mobile devices. pagination

You can check in live demo.

jsinhSolanki avatar Apr 03 '19 11:04 jsinhSolanki

anyone have the way to solve this ?

tarzanking avatar Jun 03 '20 17:06 tarzanking

@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.

SarahTeoh avatar Dec 01 '21 14:12 SarahTeoh