diff --git a/src/components/PaginationBar.vue b/src/components/PaginationBar.vue index b026fd9a026922583d29cf1cd01e4fe06582d36d..558bf2b86f217069f4d77933e421d8501f61df5f 100644 --- a/src/components/PaginationBar.vue +++ b/src/components/PaginationBar.vue @@ -3,7 +3,11 @@ <button v-for="(page, index) in pages" :key="index" - class="mr-2 last:mr-0" + class="mr-2 last:mr-0 text-lg" + :class="{ + 'text-red-800': page === currentPage, + 'font-bold': page === currentPage, + }" @click="$emit('onPageChange', page)" > {{ page }} @@ -30,7 +34,7 @@ export default { // 1 ... 3 [4] 5 ... 12 (4 is the selected page) // [1] 2 ... 12 // 1 2 [3] 4 ... 12 - // The bar always shows the first and last pages, the selected page and 2 pages + // The bar always shows the first and last pages, the selected page and 2 pages // that are offset by 1 to the selected page pages: function () { return [ @@ -45,4 +49,4 @@ export default { }, }, }; -</script> \ No newline at end of file +</script>