mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-08 12:32:43 +00:00
fix(medications): give the wizard stepper jump buttons a 44px touch target
The first / last jump buttons rendered at 32px, below the minimum touch target. Extend the hit area with an invisible inset pseudo-element so the tappable region is 44px while the visual button stays 32px; the existing aria-labels are unchanged.
This commit is contained in:
1 parent
3c7d12f9c1
commit
fc6a55b91c
1 file changed
+2
-2
@@ -88,7 +88,7 @@ export function WizardStepper({
|
||||
type="button"
|
||||
variant="ghost"
|
||||
size="icon"
|
||||
className="h-8 w-8 shrink-0"
|
||||
className="relative h-8 w-8 shrink-0 before:absolute before:-inset-1.5 before:content-['']"
|
||||
onClick={onFirst}
|
||||
disabled={!firstEnabled}
|
||||
data-slot="wizard-stepper-first"
|
||||
@@ -184,7 +184,7 @@ export function WizardStepper({
|
||||
type="button"
|
||||
variant="ghost"
|
||||
size="icon"
|
||||
className="h-8 w-8 shrink-0"
|
||||
className="relative h-8 w-8 shrink-0 before:absolute before:-inset-1.5 before:content-['']"
|
||||
onClick={onLast}
|
||||
disabled={!lastEnabled}
|
||||
data-slot="wizard-stepper-last"
|
||||
|
||||
Reference in new issue
Block a user