mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-08 12:32:43 +00:00
fix(medications): bump phase-config-dialog Input + Button to 44 px on mobile
The duration Input and the MIN/% toggle Button were both `h-8` (32 px, below WCAG 2.5.5) and the Input pinned `text-sm` which defeated the `Input` primitive's iOS-zoom defence (`text-base md:text-sm`). Drop the size override on the Input and bump both heights to `h-11 sm:h-9` so phones get a 44 px target while desktop keeps the dense row.
This commit is contained in:
1 parent
97d39fc3d5
commit
de2be19b64
1 file changed
+2
-2
@@ -234,13 +234,13 @@ export function PhaseConfigDialog({
|
||||
onChange={(e) =>
|
||||
updateValue(key, parseInt(e.target.value, 10) || 0)
|
||||
}
|
||||
className="h-8 w-20 text-sm"
|
||||
className="h-11 w-20 sm:h-9"
|
||||
/>
|
||||
<Button
|
||||
type="button"
|
||||
variant="outline"
|
||||
size="sm"
|
||||
className="h-8 w-12 px-0 text-xs"
|
||||
className="h-11 w-12 px-0 text-xs sm:h-9"
|
||||
onClick={() => toggleMode(key)}
|
||||
>
|
||||
{mode === "MINUTES"
|
||||
|
||||
Reference in new issue
Block a user