fix styling pagination link in light mode

This commit is contained in:
Geriano
2022-07-30 11:17:45 +07:00
parent b309861c5d
commit d56197b4e7

View File

@@ -167,7 +167,7 @@ onUpdated(() => rounded())
</p>
<div ref="links" class="flex items-center justify-end overflow-auto w-full">
<button v-for="(link, i) in paginator.links" :key="i" @click.prevent="goTo(link)" class="dark:hover:bg-gray-600 px-2 py-1 transition-all" :class="link.active ? 'dark:bg-gray-900' : 'dark:bg-gray-800'" v-html="link.label"></button>
<button v-for="(link, i) in paginator.links" :key="i" @click.prevent="goTo(link)" class="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>
</div>
</div>
</Transition>