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

💄 (paginatorComponent): update button styles to include fixed height and width

Browse source 
✨ (paginatorComponent): add size prop to buttons for consistent styling
This commit is contained in:
cristhianzl 2024-06-23 17:58:46 -03:00 • committed by Gabriel Luiz Freitas Almeida
commit d4080b81f9
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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