Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-08 22:53:24 +00:00
Code Issues Projects Releases Wiki Activity

make pagination center

Browse Source
This commit is contained in:
khatabwedaa
2020-05-07 17:09:06 +02:00
parent 95f21e1df7
commit 021549886f
1 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/UI/Paginations/Pagination.vue
View File

@@ -1,26 +1,28 @@
<template>
<div :id="name | toId">
<ul class="flex mx-auto">
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-500 rounded-lg">
<a class="flex items-center font-bold" href="#">
<span class="mx-1">previous</span>
</a>
</li>
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-700 hover:bg-gray-700 hover:text-gray-200 rounded-lg">
<a class="font-bold" href="#">1</a>
</li>
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-700 hover:bg-gray-700 hover:text-gray-200 rounded-lg">
<a class="font-bold" href="#">2</a>
</li>
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-700 hover:bg-gray-700 hover:text-gray-200 rounded-lg">
<a class="font-bold" href="#">3</a>
</li>
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-700 hover:bg-gray-700 hover:text-gray-200 rounded-lg">
<a class="flex items-center font-bold" href="#">
<span class="mx-1">Next</span>
</a>
</li>
</ul>
<div class="flex justify-center items-center">
<div :id="name | toId">
<ul class="flex">
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-500 rounded-lg">
<a class="flex items-center font-bold" href="#">
<span class="mx-1">previous</span>
</a>
</li>
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-700 hover:bg-gray-700 hover:text-gray-200 rounded-lg">
<a class="font-bold" href="#">1</a>
</li>
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-700 hover:bg-gray-700 hover:text-gray-200 rounded-lg">
<a class="font-bold" href="#">2</a>
</li>
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-700 hover:bg-gray-700 hover:text-gray-200 rounded-lg">
<a class="font-bold" href="#">3</a>
</li>
<li class="mx-1 px-3 py-2 bg-gray-200 text-gray-700 hover:bg-gray-700 hover:text-gray-200 rounded-lg">
<a class="flex items-center font-bold" href="#">
<span class="mx-1">Next</span>
</a>
</li>
</ul>
</div>
</div>
</template>