phares3757/gatus
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor visual changes on pagination component

Browse Source
This commit is contained in:
TwinProduction
2021-02-25 23:11:25 -05:00
parent 85dff34350
commit 455fae05c1
8 changed files with 3 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/src/components/Pagination.vue
View File

@ -1,10 +1,10 @@
<template>
<div class="mt-2 flex">
<div class="mt-3 flex">
<div class="flex-1">
<button v-if="currentPage < 5" @click="nextPage" class="bg-gray-200 hover:bg-gray-300 px-2 rounded border-gray-300 border text-monospace">&lt;</button>
<button v-if="currentPage < 5" @click="nextPage" class="bg-gray-100 hover:bg-gray-200 px-2 rounded border-gray-200 border text-monospace text-gray-500">&lt;</button>
</div>
<div class="flex-1 text-right">
<button v-if="currentPage > 1" @click="previousPage" class="bg-gray-200 hover:bg-gray-300 px-2 rounded border-gray-300 border text-monospace">&gt;</button>
<button v-if="currentPage > 1" @click="previousPage" class="bg-gray-100 hover:bg-gray-200 px-2 rounded border-gray-200 border text-monospace text-gray-500">&gt;</button>
</div>
</div>
</template>