x

cafeore-tkb · Sep 29, 2024 · 30b6dd4 · 30b6dd4
1 parent e459886
commit 30b6dd4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/app/components/molecules/ThreeDigitsInput.tsx b/app/components/molecules/ThreeDigitsInput.tsx
@@ -16,9 +16,9 @@ const ThreeDigitsInput = forwardRef<
   return (
     <InputOTP ref={ref} maxLength={3} pattern={REGEXP_ONLY_DIGITS} {...props}>
       <InputOTPGroup>
-        <InputOTPSlot index={0} />
-        <InputOTPSlot index={1} />
-        <InputOTPSlot index={2} />
+        <InputOTPSlot index={0} className="font-mono text-3xl" />
+        <InputOTPSlot index={1} className="font-mono text-3xl" />
+        <InputOTPSlot index={2} className="font-mono text-3xl" />
       </InputOTPGroup>
     </InputOTP>
   );

diff --git a/app/components/ui/input-otp.tsx b/app/components/ui/input-otp.tsx
@@ -39,7 +39,6 @@ const InputOTPSlot = React.forwardRef<
     <div
       ref={ref}
       className={cn(
-        "font-mono text-3xl", // custom
         "relative flex h-10 w-10 items-center justify-center border-input border-y border-r transition-all first:rounded-l-md first:border-l last:rounded-r-md",
         isActive && "z-10 ring-2 ring-ring ring-offset-background",
         className,