mirror/kima-hub
1
0
Fork 0
mirror of https://github.com/Chevron7Locked/kima-hub.git synced 2026-06-19 07:37:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(a11y): bump Refine panel sort/per-page buttons to 44px touch targets

Browse Source 
Completes the audit's deferred item -- the sort and per-page option buttons were
py-2 (~32px), below the 44px standard the rest of the sweep adopted.
This commit is contained in:
chevron7
2026-05-31 20:46:44 -05:00
parent 274f784ec8
commit ea363d677e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/features/library/components/RefinePanel.tsx
+2 -2
View File
@@ -213,7 +213,7 @@ export function RefinePanel({
aria-pressed={sortBy === opt.value}
onClick={() => onSortChange(opt.value)}
className={cn(
"px-3 py-2 text-xs font-black uppercase tracking-wider rounded-lg border transition-all",
"px-3 py-2 min-h-[44px] text-xs font-black uppercase tracking-wider rounded-lg border transition-all",
sortBy === opt.value
? "border-[var(--color-brand)]/50 bg-[var(--color-brand)]/10 text-[var(--color-brand)]"
: "border-white/5 bg-white/3 text-gray-400 hover:bg-white/8 hover:border-white/15 hover:text-white",
@@ -238,7 +238,7 @@ export function RefinePanel({
aria-pressed={itemsPerPage === n}
onClick={() => onItemsPerPageChange(n)}
className={cn(
"py-2 text-xs font-black font-mono rounded-lg border transition-all",
"py-2 min-h-[44px] text-xs font-black font-mono rounded-lg border transition-all",
itemsPerPage === n
? "border-[var(--color-brand)]/50 bg-[var(--color-brand)]/10 text-[var(--color-brand)]"
: "border-white/5 bg-white/3 text-gray-400 hover:bg-white/8 hover:border-white/15 hover:text-white",