chore: change font family

This commit is contained in:
Ephraim Atta-Duncan
2024-02-16 20:49:52 +00:00
parent 345c4b8b14
commit 94eee8b913

View File

@ -30,13 +30,12 @@ const PinInput = ({ id, autoFocus, state, onSubmit }: PinInputProps) => {
inputClassName="caret-transparent selection:bg-transparent ring:ring-2" inputClassName="caret-transparent selection:bg-transparent ring:ring-2"
autoFocus={autoFocus} autoFocus={autoFocus}
length={6} length={6}
fontFamily="Inter" fontSize="30px"
fontSize="36px"
readOnly={state !== 'input'} readOnly={state !== 'input'}
disabled={state === 'loading'} disabled={state === 'loading'}
inputRef={inputRef} inputRef={inputRef}
padding={'14px'} padding={'14px'}
spacing={'18px'} spacing={'24px'}
spellCheck={false} spellCheck={false}
inputMode="numeric" inputMode="numeric"
pattern="[0-9]*" pattern="[0-9]*"
@ -69,8 +68,7 @@ const PinInput = ({ id, autoFocus, state, onSubmit }: PinInputProps) => {
> >
<div <div
className={cn({ className={cn({
'm-[5px] flex-1 rounded-sm bg-[var(--segment-color)] opacity-[0.15625]': 'm-[5px] flex-1 rounded-sm opacity-[0.15625]': isSelection,
isSelection,
'mx-auto my-2 flex-[0_0_2px] animate-[blink-caret_1.2s_step-end_infinite] justify-self-center bg-black': 'mx-auto my-2 flex-[0_0_2px] animate-[blink-caret_1.2s_step-end_infinite] justify-self-center bg-black':
isCaret, isCaret,
})} })}