@fy-/fws-vue 0.3.63 → 0.3.65

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.
Files changed (2) hide show
  1. package/components/ui/DefaultPaging.vue +8 -10
  2. package/package.json +1 -1
package/components/ui/DefaultPaging.vue CHANGED
@@ -134,7 +134,7 @@ useFyHead({
134
134
  <a
135
135
  href="javascript:void(0);"
136
136
  @click="prev()"
137
- class="rounded-s-lg flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
137
+ class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
138
138
  >
139
139
  <span class="sr-only">{{ $t("previous_paging") }}</span>
140
140
  <ChevronLeftIcon class="w-4 h-4" />
@@ -143,7 +143,6 @@ useFyHead({
143
143
  <li v-if="items.page_no - 2 > 1">
144
144
  <a
145
145
  class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
146
- :class="{ 'rounded-l-lg': items.page_no - 2 > 2 }"
147
146
  href="javascript:void(0);"
148
147
  @click="page(1)"
149
148
  >
@@ -151,12 +150,12 @@ useFyHead({
151
150
  </a>
152
151
  </li>
153
152
  <li v-if="items.page_no - 2 > 2">
154
- <span
153
+ <div
155
154
  v-if="items.page_no - 2 > 2"
156
155
  class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
157
156
  >
158
157
  ...
159
- </span>
158
+ </div>
160
159
  </li>
161
160
  <template v-for="i in 2">
162
161
  <li v-if="items.page_no - (3 - i) >= 1" :key="`${i}-sm`">
@@ -190,11 +189,11 @@ useFyHead({
190
189
  </li>
191
190
  </template>
192
191
  <li v-if="items.page_no + 2 < items.page_max - 1">
193
- <span
194
- class="relative inline-flex items-center px-2 pt-2 pb-1.5 border text-sm font-medium border-fv-neutral-300 bg-fv-neutral-100 text-fv-neutral-700 hover:text-fv-neutral-600 dark:border-fv-neutral-600 dark:bg-fv-neutral-800 dark:text-fv-neutral-700 dark:hover:text-fv-neutral-100"
192
+ <div
193
+ class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
195
194
  >
196
195
  ...
197
- </span>
196
+ </div>
198
197
  </li>
199
198
  <li v-if="items.page_no + 2 < items.page_max">
200
199
  <a
@@ -209,8 +208,7 @@ useFyHead({
209
208
  <a
210
209
  href="javascript:void(0);"
211
210
  @click="next()"
212
- :class="{ 'rounded-r-lg': items.page_no < items.page_max - 2 }"
213
- class="rounded-e-lg flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
211
+ class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
214
212
  >
215
213
  <span class="sr-only">{{ $t("next_paging") }}</span>
216
214
  <ChevronRightIcon class="w-4 h-4" />
@@ -218,7 +216,7 @@ useFyHead({
218
216
  </li>
219
217
  </ul>
220
218
  </nav>
221
- <p class="text-xs text-fv-neutral-700 dark:text-fv-neutral-400">
219
+ <p class="text-xs text-fv-neutral-700 dark:text-fv-neutral-400 pt-0.5">
222
220
  {{
223
221
  $t("global_paging", {
224
222
  start: items.results_per_page * (items.page_no - 1),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fy-/fws-vue",
3
- "version": "0.3.63",
3
+ "version": "0.3.65",
4
4
  "author": "Florian 'Fy' Gasquez <m@fy.to>",
5
5
  "license": "MIT",
6
6
  "repository": {