jaro/ikea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bug pagination links is overflown

Browse Source
This commit is contained in:
Geriano
2022-09-02 08:33:51 +07:00
parent 8ec4a0bc87
commit 364af7a558
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
resources/js/Components/DataTable/Builder.vue
View File

@@ -170,8 +170,15 @@ onUpdated(() => rounded())
Displaying from {{ paginator.from }} to {{ paginator.to }} in total {{ paginator.total }} Displaying from {{ paginator.from }} to {{ paginator.to }} in total {{ paginator.total }}
</p> </p>
<div ref="links" class="w-full flex items-center justify-end overflow-auto"> <div ref="links" class="w-full flex items-center flex-wrap justify-end">
<button v-for="(link, i) in paginator.links" :key="i" @click.prevent="goTo(link)" class="flex-none hover:bg-gray-100 dark:hover:bg-gray-600 px-2 py-1 transition-all" :class="link.active ? 'bg-gray-300 dark:bg-gray-900' : 'bg-gray-200 dark:bg-gray-800'" v-html="link.label"></button> <button
v-for="(link, i) in paginator.links"
:key="i"
@click.prevent="goTo(link)"
class="flex-none border border-gray-300 dark:border-gray-900 px-2 py-1 transition-all uppercase my-[1px] flex-grow text-sm"
:class="link.active ? 'bg-gray-300 dark:bg-gray-900' : 'bg-gray-200 dark:bg-gray-800'"
v-html="link.label"
/>
</div> </div>
</div> </div>
</Transition> </Transition>