jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
cristhianzl 2024-06-23 17:54:29 -03:00 • committed by Gabriel Luiz Freitas Almeida
commit 4dd64e486b
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/src/components/paginatorComponent/index.tsx
View file

@ -68,7 +68,7 @@ export default function PaginatorComponent({
<Button <Button
disabled={pageIndex <= 1} disabled={pageIndex <= 1}
variant="outline" variant="outline"
className="hidden h-8 w-8 p-0 lg:flex" className="hidden p-0 lg:flex"
onClick={() => { onClick={() => {
paginate(size, 1); paginate(size, 1);
}} }}
@ -84,7 +84,7 @@ export default function PaginatorComponent({
} }
}} }}
variant="outline" variant="outline"
className="h-8 w-8 p-0" className="p-0"
> >
<span className="sr-only">Go to previous page</span> <span className="sr-only">Go to previous page</span>
<IconComponent name="ChevronLeft" className="h-4 w-4" /> <IconComponent name="ChevronLeft" className="h-4 w-4" />
@ -95,7 +95,7 @@ export default function PaginatorComponent({
paginate(size, pageIndex + 1); paginate(size, pageIndex + 1);
}} }}
variant="outline" variant="outline"
className="h-8 w-8 p-0" className="p-0"
> >
<span className="sr-only">Go to next page</span> <span className="sr-only">Go to next page</span>
<IconComponent name="ChevronRight" className="h-4 w-4" /> <IconComponent name="ChevronRight" className="h-4 w-4" />
@ -103,7 +103,7 @@ export default function PaginatorComponent({
<Button <Button
disabled={pageIndex === maxIndex} disabled={pageIndex === maxIndex}
variant="outline" variant="outline"
className="hidden h-8 w-8 p-0 lg:flex" className="hidden p-0 lg:flex"
onClick={() => { onClick={() => {
paginate(size, maxIndex); paginate(size, maxIndex);
}} }}