fix: responsive button size

ory · Oct 8, 2024 · a217de7 · a217de7
1 parent 9268351
commit a217de7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/elements-react/src/components/form/form.tsx b/packages/elements-react/src/components/form/form.tsx
@@ -182,9 +182,9 @@ export function OryForm({ children, nodes }: OryFormProps) {
         }
 
         if (
-          "lookup_secret_regenerate" in submitData ||
           "lookup_secret_confirm" in submitData ||
-          "lookup_secret_reveal" in submitData
+          "lookup_secret_reveal" in submitData ||
+          "lookup_secret_regenerate" in submitData
         ) {
           submitData.method = "lookup_secret"
         }

diff --git a/packages/elements-react/src/theme/default/components/form/button.tsx b/packages/elements-react/src/theme/default/components/form/button.tsx
@@ -35,7 +35,7 @@ const buttonStyles = cva(
       },
       size: {
         default: ["px-4 py-3"],
-        large: ["px-4 py-4.5"],
+        large: ["px-4 py-4.5 max-md:py-3"],
       },
       defaultVariants: {
         intent: "primary",
@@ -77,7 +77,9 @@ export const DefaultButton = ({
     attributes.name.includes("webauthn") ||
     attributes.name.includes("lookup_secret")
 
-  const isSmall = flowType === FlowType.Settings
+  const isSmall =
+    flowType === FlowType.Settings &&
+    attributes.name !== "webauthn_register_trigger"
 
   return (
     <button