nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 16:22:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

responsive paginator fix

Browse Source
This commit is contained in:
Čarodej
2022-04-07 11:42:14 +02:00
parent 03d42bee51
commit 76b32f551f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/Others/Tables/DatatableWrapper.vue
View File

@@ -39,9 +39,9 @@
<slot v-if="!isLoading && !hasData" name="empty-page"></slot> <slot v-if="!isLoading && !hasData" name="empty-page"></slot>
<!--Paginator--> <!--Paginator-->
<div v-if="paginator && hasData" class="mt-6 flex items-center justify-between"> <div v-if="paginator && hasData" class="mt-6 sm:flex sm:items-center sm:justify-between">
<!--Show if there is only 6 pages--> <!--Show if there is only 6 pages-->
<ul v-if="data.meta.total > 15 && data.meta.last_page <= 6" class="pagination flex items-center"> <ul v-if="data.meta.total > 15 && data.meta.last_page <= 6" class="pagination flex justify-center items-center">
<!--Go previous icon--> <!--Go previous icon-->
<li class="previous inline-block p-1"> <li class="previous inline-block p-1">
<a <a
@@ -86,7 +86,7 @@
</ul> </ul>
<!--Show if there is more than 6 pages--> <!--Show if there is more than 6 pages-->
<ul v-if="data.meta.total > 15 && data.meta.last_page > 6" class="pagination flex items-center"> <ul v-if="data.meta.total > 15 && data.meta.last_page > 6" class="pagination flex justify-center items-center">
<!--Go previous icon--> <!--Go previous icon-->
<li class="previous inline-block p-1"> <li class="previous inline-block p-1">
<a <a
@@ -191,7 +191,7 @@
</li> </li>
</ul> </ul>
<span class="text-xs text-gray-600 dark:text-gray-500"> <span class="text-xs text-gray-600 dark:text-gray-500 block text-center sm:mt-0 mt-4">
{{ $t('paginator', {from: data.meta.from, to: data.meta.to, total: data.meta.total}) }} {{ $t('paginator', {from: data.meta.from, to: data.meta.to, total: data.meta.total}) }}
</span> </span>
</div> </div>