blyzer/graphs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove pagination input spinner
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 41s
Details

Browse Source
This commit is contained in:
Cauê Faleiros
2026-07-01 11:36:30 -03:00
parent e2b2163c83
commit 57fd48ccc5
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/PaginationControls.tsx
View File

@@ -91,11 +91,16 @@ const PaginationControls = ({
<label className="flex items-center gap-1 text-xs font-semibold text-zinc-500 dark:text-dark-muted"> <label className="flex items-center gap-1 text-xs font-semibold text-zinc-500 dark:text-dark-muted">
<span>Página</span> <span>Página</span>
<input <input
type="number" type="text"
min={1} inputMode="numeric"
max={safeTotalPages} pattern="[0-9]*"
value={safeCurrentPage} value={safeCurrentPage}
onChange={(event) => goToPage(Number(event.target.value))} onFocus={(event) => event.currentTarget.select()}
onChange={(event) => {
const nextPage = event.target.value.replace(/\D/g, '');
if (!nextPage) return;
goToPage(Number(nextPage));
}}
className="h-8 w-16 rounded-lg border border-dark-border bg-dark-card px-2 text-center text-sm font-bold text-dark-text focus:outline-none focus:border-brand-primary" className="h-8 w-16 rounded-lg border border-dark-border bg-dark-card px-2 text-center text-sm font-bold text-dark-text focus:outline-none focus:border-brand-primary"
aria-label="Ir para página" aria-label="Ir para página"
/> />