mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-08 20:42:43 +00:00
fix(settings): raise account form CTAs to the 44px touch floor
The profile save, add-passkey, change-password trigger, and password dialog submit ran at 40 px on phones; apply min-h-11 sm:min-h-9.
This commit is contained in:
1 parent
d9393a2148
commit
e0c1601a36
1 file changed
+13
-3
@@ -571,7 +571,11 @@ export function AccountSection() {
|
||||
)}
|
||||
|
||||
<div className="flex justify-end">
|
||||
<Button type="submit" disabled={saving}>
|
||||
<Button
|
||||
type="submit"
|
||||
className="min-h-11 sm:min-h-9"
|
||||
disabled={saving}
|
||||
>
|
||||
{saving ? (
|
||||
<Loader2 className="h-4 w-4 animate-spin motion-reduce:animate-none" />
|
||||
) : (
|
||||
@@ -612,6 +616,7 @@ export function AccountSection() {
|
||||
<div className="mt-4 flex justify-end pl-7">
|
||||
<Button
|
||||
variant="outline"
|
||||
className="min-h-11 sm:min-h-9"
|
||||
onClick={handleAddPasskey}
|
||||
disabled={passkeyLoading}
|
||||
>
|
||||
@@ -661,7 +666,7 @@ export function AccountSection() {
|
||||
type="button"
|
||||
variant="outline"
|
||||
onClick={() => setPasswordDialogOpen(true)}
|
||||
className="w-full shrink-0 sm:w-auto"
|
||||
className="min-h-11 w-full shrink-0 sm:min-h-9 sm:w-auto"
|
||||
>
|
||||
{t("settings.changePassword")}
|
||||
</Button>
|
||||
@@ -740,7 +745,12 @@ export function AccountSection() {
|
||||
</p>
|
||||
)}
|
||||
|
||||
<Button type="submit" variant="outline" disabled={passwordSaving}>
|
||||
<Button
|
||||
type="submit"
|
||||
variant="outline"
|
||||
className="min-h-11 sm:min-h-9"
|
||||
disabled={passwordSaving}
|
||||
>
|
||||
{passwordSaving ? (
|
||||
<Loader2 className="h-4 w-4 animate-spin motion-reduce:animate-none" />
|
||||
) : (
|
||||
|
||||
Reference in new issue
Block a user