Skip to content

Commit d12b0e2

Browse files
gabaldongabaldon
committed
fix: adjust pagination style
1 parent 9c1fa6d commit d12b0e2

File tree

3 files changed

+18
-16
lines changed

3 files changed

+18
-16
lines changed

‎src/components/Footer/__snapshots__/WFooter.spec.ts.snap

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -276,7 +276,7 @@ exports[`WFooter > renders properly 1`] = `
276276
>
277277
©
278278
<span>
279-
2018-2024
279+
2018-2025
280280
</span>
281281
282282
<span>

‎src/components/pagination/WPagination.vue

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
'opacity-50': currentPage === 1,
99
'pointer-events-none': currentPage === 1
1010
}"
11-
class="min-h-[38px] min-w-[38px] py-sm px-sm inline-flex justify-center items-center gap-sm text-sm rounded-lg hover:bg-wit-blue-400 focus:outline-none"
11+
class="min-h-[38px] min-w-[38px] py-sm px-sm inline-flex justify-center items-center gap-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950 focus:outline-none"
1212
aria-label="Previous"
1313
>
1414
<svg
@@ -38,8 +38,10 @@
3838
:class="{
3939
'outline-none': p === currentPage,
4040
'bg-wit-blue-500': p === currentPage,
41+
'text-black-950': p === currentPage,
4142
'pointer-events-none': p === currentPage,
42-
'hover:bg-wit-blue-400': p !== divider
43+
'hover:bg-wit-blue-400': p !== divider,
44+
'hover:text-black-950': p !== divider
4345
}"
4446
>
4547
{{ p }}
@@ -49,7 +51,7 @@
4951
type="button"
5052
:disabled="!canGoLastOrNext"
5153
@click="onClickNext"
52-
class="min-h-lg min-w-lg py-sm px-sm inline-flex justify-center items-center gap-xs text-sm rounded-lg hover:bg-wit-blue-400 focus:outline-none"
54+
class="min-h-lg min-w-lg py-sm px-sm inline-flex justify-center items-center gap-xs text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950 focus:outline-none"
5355
:class="{ 'opacity-10': !canGoLastOrNext, 'pointer-events-none': !canGoLastOrNext }"
5456
aria-label="Next"
5557
>

‎src/components/pagination/__snapshots__/WPagination.spec.ts.snap

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ exports[`WPagination > renders properly with divider 1`] = `
77
>
88
<button
99
aria-label="Previous"
10-
class="min-h-[38px] min-w-[38px] py-sm px-sm inline-flex justify-center items-center gap-sm text-sm rounded-lg hover:bg-wit-blue-400 focus:outline-none"
10+
class="min-h-[38px] min-w-[38px] py-sm px-sm inline-flex justify-center items-center gap-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950 focus:outline-none"
1111
type="button"
1212
>
1313
<svg
@@ -35,13 +35,13 @@ exports[`WPagination > renders properly with divider 1`] = `
3535
>
3636
3737
<button
38-
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400"
38+
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950"
3939
type="button"
4040
>
4141
1
4242
</button>
4343
<button
44-
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400"
44+
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950"
4545
type="button"
4646
>
4747
2
@@ -50,7 +50,7 @@ exports[`WPagination > renders properly with divider 1`] = `
5050
</div>
5151
<button
5252
aria-label="Next"
53-
class="min-h-lg min-w-lg py-sm px-sm inline-flex justify-center items-center gap-xs text-sm rounded-lg hover:bg-wit-blue-400 focus:outline-none opacity-10 pointer-events-none"
53+
class="min-h-lg min-w-lg py-sm px-sm inline-flex justify-center items-center gap-xs text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950 focus:outline-none opacity-10 pointer-events-none"
5454
disabled=""
5555
type="button"
5656
>
@@ -84,7 +84,7 @@ exports[`WPagination > renders properly without divider 1`] = `
8484
>
8585
<button
8686
aria-label="Previous"
87-
class="opacity-50 pointer-events-none min-h-[38px] min-w-[38px] py-sm px-sm inline-flex justify-center items-center gap-sm text-sm rounded-lg hover:bg-wit-blue-400 focus:outline-none"
87+
class="opacity-50 pointer-events-none min-h-[38px] min-w-[38px] py-sm px-sm inline-flex justify-center items-center gap-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950 focus:outline-none"
8888
disabled=""
8989
type="button"
9090
>
@@ -113,31 +113,31 @@ exports[`WPagination > renders properly without divider 1`] = `
113113
>
114114
115115
<button
116-
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg outline-none bg-wit-blue-500 pointer-events-none hover:bg-wit-blue-400"
116+
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg outline-none bg-wit-blue-500 text-black-950 pointer-events-none hover:bg-wit-blue-400 hover:text-black-950"
117117
type="button"
118118
>
119119
1
120120
</button>
121121
<button
122-
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400"
122+
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950"
123123
type="button"
124124
>
125125
2
126126
</button>
127127
<button
128-
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400"
128+
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950"
129129
type="button"
130130
>
131131
3
132132
</button>
133133
<button
134-
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400"
134+
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950"
135135
type="button"
136136
>
137137
4
138138
</button>
139139
<button
140-
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400"
140+
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950"
141141
type="button"
142142
>
143143
5
@@ -150,7 +150,7 @@ exports[`WPagination > renders properly without divider 1`] = `
150150
...
151151
</button>
152152
<button
153-
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400"
153+
class="min-h-[38px] min-w-[38px] flex justify-center items-center py-sm px-sm text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950"
154154
type="button"
155155
>
156156
20
@@ -159,7 +159,7 @@ exports[`WPagination > renders properly without divider 1`] = `
159159
</div>
160160
<button
161161
aria-label="Next"
162-
class="min-h-lg min-w-lg py-sm px-sm inline-flex justify-center items-center gap-xs text-sm rounded-lg hover:bg-wit-blue-400 focus:outline-none"
162+
class="min-h-lg min-w-lg py-sm px-sm inline-flex justify-center items-center gap-xs text-sm rounded-lg hover:bg-wit-blue-400 hover:text-black-950 focus:outline-none"
163163
type="button"
164164
>
165165
<span>

0 commit comments

Comments
 (0)