💄 (paginatorComponent): remove fixed height and width from paginator buttons for better responsiveness
This commit is contained in:
parent
00ec361e7e
commit
4dd64e486b
1 changed files with 4 additions and 4 deletions
|
|
@ -68,7 +68,7 @@ export default function PaginatorComponent({
|
|||
<Button
|
||||
disabled={pageIndex <= 1}
|
||||
variant="outline"
|
||||
className="hidden h-8 w-8 p-0 lg:flex"
|
||||
className="hidden p-0 lg:flex"
|
||||
onClick={() => {
|
||||
paginate(size, 1);
|
||||
}}
|
||||
|
|
@ -84,7 +84,7 @@ export default function PaginatorComponent({
|
|||
}
|
||||
}}
|
||||
variant="outline"
|
||||
className="h-8 w-8 p-0"
|
||||
className="p-0"
|
||||
>
|
||||
<span className="sr-only">Go to previous page</span>
|
||||
<IconComponent name="ChevronLeft" className="h-4 w-4" />
|
||||
|
|
@ -95,7 +95,7 @@ export default function PaginatorComponent({
|
|||
paginate(size, pageIndex + 1);
|
||||
}}
|
||||
variant="outline"
|
||||
className="h-8 w-8 p-0"
|
||||
className="p-0"
|
||||
>
|
||||
<span className="sr-only">Go to next page</span>
|
||||
<IconComponent name="ChevronRight" className="h-4 w-4" />
|
||||
|
|
@ -103,7 +103,7 @@ export default function PaginatorComponent({
|
|||
<Button
|
||||
disabled={pageIndex === maxIndex}
|
||||
variant="outline"
|
||||
className="hidden h-8 w-8 p-0 lg:flex"
|
||||
className="hidden p-0 lg:flex"
|
||||
onClick={() => {
|
||||
paginate(size, maxIndex);
|
||||
}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue