Skip to content

Commit c121c6d

Browse files
committed
fix(BasePagination): fix pagination list item vertical alignment (8639)
Signed-off-by: Mert Şişmanoğlu <mertssmnoglu@gmail.com>
1 parent 5590b5a commit c121c6d

File tree

2 files changed

+10
-1
lines changed

2 files changed

+10
-1
lines changed

packages/ui-components/src/Common/BasePagination/PaginationListItem/index.module.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
11
@reference "../../../styles/index.css";
22

3+
.listItemWrapper {
4+
@apply mt-0!;
5+
}
6+
37
.listItem,
48
.listItem:link,
59
.listItem:active {

packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,12 @@ const PaginationListItem: FC<PaginationListItemProps> = ({
2222
label,
2323
}) => {
2424
return (
25-
<li key={pageNumber} aria-setsize={totalPages} aria-posinset={pageNumber}>
25+
<li
26+
key={pageNumber}
27+
aria-setsize={totalPages}
28+
aria-posinset={pageNumber}
29+
className={styles.listItemWrapper}
30+
>
2631
<Component
2732
href={url}
2833
aria-label={label}

0 commit comments

Comments
 (0)