💄 (paginatorComponent): remove fixed height and width from paginator buttons for better responsiveness

This commit is contained in:
cristhianzl 2024-06-23 17:54:29 -03:00 committed by Gabriel Luiz Freitas Almeida
commit 4dd64e486b

View file

@ -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);
}}