Make alert dialog footer buttons 44px below md

The same treatment `ui/dialog.tsx` got: every footer button is a 44px target on a phone; desktop keeps its sizes.
2026-10-07 09:32:07 +02:00
parent 7d6cc5b0bf
commit c1a6a89e13
1 changed files with 2 additions and 1 deletions
@@ -91,7 +91,8 @@ function AlertDialogFooter({
    <div
      data-slot="alert-dialog-footer"
      className={cn(
-        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        // Whatever size a button asked for, it is a 44px target on a phone.
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end max-md:[&_button]:h-11",
        className
      )}
      {...props}