Skip to content

Commit

Permalink
clients/web: tweak OTP input for mobile
Browse files Browse the repository at this point in the history
Fix #4732
  • Loading branch information
frankie567 committed Jan 2, 2025
1 parent a6be7ba commit a275ba1
Showing 1 changed file with 7 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -73,13 +73,18 @@ const ClientPage = ({ organization }: { organization: Organization }) => {
return (
<FormItem>
<FormControl>
<InputOTP maxLength={6} pattern="^[A-Z0-9]+$" {...field}>
<InputOTP
maxLength={6}
pattern="^[A-Z0-9]+$"
inputMode="text"
{...field}
>
<InputOTPGroup>
{Array.from({ length: 6 }).map((_, index) => (
<InputOTPSlot
key={index}
index={index}
className="dark:border-polar-600 h-16 w-16 border-gray-300 text-2xl"
className="dark:border-polar-600 h-12 w-12 border-gray-300 text-xl md:h-16 md:w-16 md:text-2xl"
/>
))}
</InputOTPGroup>
Expand Down

0 comments on commit a275ba1

Please sign in to comment.