@fy-/fws-vue 2.2.87 → 2.2.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -162,7 +162,7 @@ onMounted(() => {
|
|
|
162
162
|
<li v-if="items.page_no >= 2">
|
|
163
163
|
<button
|
|
164
164
|
type="button"
|
|
165
|
-
class="flex items-center justify-center w-
|
|
165
|
+
class="flex items-center justify-center w-6 md:w-8 h-7 md:h-8 text-fv-neutral-700 bg-white/80 rounded-md shadow-sm hover:bg-fv-neutral-100 hover:text-primary-600 focus:ring-2 focus:ring-primary-400/40 focus:outline-none dark:bg-fv-neutral-800 dark:text-fv-neutral-300 dark:hover:bg-fv-neutral-700/70 dark:hover:text-white dark:focus:ring-primary-500/40 transition-all"
|
|
166
166
|
aria-label="Previous page"
|
|
167
167
|
@click="prev()"
|
|
168
168
|
>
|
|
@@ -172,7 +172,7 @@ onMounted(() => {
|
|
|
172
172
|
</li>
|
|
173
173
|
<li v-if="items.page_no - 1 > 1">
|
|
174
174
|
<router-link
|
|
175
|
-
class="flex items-center justify-center w-
|
|
175
|
+
class="flex items-center justify-center w-6 md:w-8 h-7 md:h-8 text-fv-neutral-700 bg-white/80 rounded-md shadow-sm hover:bg-fv-neutral-100 hover:text-primary-600 focus:ring-2 focus:ring-primary-400/40 focus:outline-none dark:bg-fv-neutral-800 dark:text-fv-neutral-300 dark:hover:bg-fv-neutral-700/70 dark:hover:text-white dark:focus:ring-primary-500/40 transition-all"
|
|
176
176
|
:to="page(1)"
|
|
177
177
|
aria-label="Go to page 1"
|
|
178
178
|
>
|
|
@@ -191,7 +191,7 @@ onMounted(() => {
|
|
|
191
191
|
:key="`page-${items.page_no - 1}`"
|
|
192
192
|
>
|
|
193
193
|
<router-link
|
|
194
|
-
class="flex items-center justify-center w-
|
|
194
|
+
class="flex items-center justify-center w-6 md:w-8 h-7 md:h-8 text-fv-neutral-700 bg-white/80 rounded-md shadow-sm hover:bg-fv-neutral-100 hover:text-primary-600 focus:ring-2 focus:ring-primary-400/40 focus:outline-none dark:bg-fv-neutral-800 dark:text-fv-neutral-300 dark:hover:bg-fv-neutral-700/70 dark:hover:text-white dark:focus:ring-primary-500/40 transition-all"
|
|
195
195
|
:to="page(items.page_no - 1)"
|
|
196
196
|
:aria-label="`Go to page ${items.page_no - 1}`"
|
|
197
197
|
>
|
|
@@ -201,7 +201,7 @@ onMounted(() => {
|
|
|
201
201
|
<li>
|
|
202
202
|
<div
|
|
203
203
|
aria-current="page"
|
|
204
|
-
class="flex items-center justify-center w-
|
|
204
|
+
class="flex items-center justify-center w-6 md:w-8 h-7 md:h-8 text-white rounded-md shadow-sm bg-primary-600 font-medium dark:bg-primary-500 transition-all"
|
|
205
205
|
:aria-label="`Current page, page ${items.page_no}`"
|
|
206
206
|
>
|
|
207
207
|
{{ items.page_no }}
|
|
@@ -212,7 +212,7 @@ onMounted(() => {
|
|
|
212
212
|
:key="`page-x-${items.page_no + 1}`"
|
|
213
213
|
>
|
|
214
214
|
<router-link
|
|
215
|
-
class="flex items-center justify-center w-
|
|
215
|
+
class="flex items-center justify-center w-6 md:w-8 h-7 md:h-8 text-fv-neutral-700 bg-white/80 rounded-md shadow-sm hover:bg-fv-neutral-100 hover:text-primary-600 focus:ring-2 focus:ring-primary-400/40 focus:outline-none dark:bg-fv-neutral-800 dark:text-fv-neutral-300 dark:hover:bg-fv-neutral-700/70 dark:hover:text-white dark:focus:ring-primary-500/40 transition-all"
|
|
216
216
|
:to="page(items.page_no + 1)"
|
|
217
217
|
:aria-label="`Go to page ${items.page_no + 1}`"
|
|
218
218
|
>
|
|
@@ -228,7 +228,7 @@ onMounted(() => {
|
|
|
228
228
|
</li>
|
|
229
229
|
<li v-if="items.page_no + 1 < items.page_max">
|
|
230
230
|
<router-link
|
|
231
|
-
class="flex items-center justify-center w-
|
|
231
|
+
class="flex items-center justify-center w-6 md:w-8 h-7 md:h-8 text-fv-neutral-700 bg-white/80 rounded-md shadow-sm hover:bg-fv-neutral-100 hover:text-primary-600 focus:ring-2 focus:ring-primary-400/40 focus:outline-none dark:bg-fv-neutral-800 dark:text-fv-neutral-300 dark:hover:bg-fv-neutral-700/70 dark:hover:text-white dark:focus:ring-primary-500/40 transition-all"
|
|
232
232
|
:to="page(items.page_max)"
|
|
233
233
|
:aria-label="`Go to page ${items.page_max}`"
|
|
234
234
|
>
|
|
@@ -238,7 +238,7 @@ onMounted(() => {
|
|
|
238
238
|
<li v-if="items.page_no < items.page_max">
|
|
239
239
|
<button
|
|
240
240
|
type="button"
|
|
241
|
-
class="flex items-center justify-center w-
|
|
241
|
+
class="flex items-center justify-center w-6 md:w-8 h-7 md:h-8 text-fv-neutral-700 bg-white/80 rounded-md shadow-sm hover:bg-fv-neutral-100 hover:text-primary-600 focus:ring-2 focus:ring-primary-400/40 focus:outline-none dark:bg-fv-neutral-800 dark:text-fv-neutral-300 dark:hover:bg-fv-neutral-700/70 dark:hover:text-white dark:focus:ring-primary-500/40 transition-all"
|
|
242
242
|
aria-label="Next page"
|
|
243
243
|
@click="next()"
|
|
244
244
|
>
|