Merge pull request #168 from teamhanko/fix-inputs

small changes to input properties and example css
teamhanko · Aug 4, 2022 · dea8e0a · dea8e0a
2 parents d4dc551 + ce7ddae
commit dea8e0a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/example/public/assets/css/index.css b/example/public/assets/css/index.css
@@ -14,11 +14,8 @@
 }
 
 @media screen and (max-width: 470px) {
-    .main {
-        margin-top: 8px;
-    }
     .auth-container {
-        padding: 5px;
+        padding: 10px;
     }
 }
 

diff --git a/hanko-js/src/ui/components/InputPasscodeDigit.tsx b/hanko-js/src/ui/components/InputPasscodeDigit.tsx
@@ -43,7 +43,7 @@ const InputPasscodeDigit = ({ index, focus, digit = "", ...props }: Props) => {
         part={"input passcode-input"}
         name={props.name + index.toString(10)}
         type={"text"}
-        inputmode={"numeric"}
+        inputMode={"numeric"}
         maxLength={1}
         ref={ref}
         value={digit.charAt(0)}

diff --git a/hanko-js/src/ui/pages/LoginEmail.tsx b/hanko-js/src/ui/pages/LoginEmail.tsx
@@ -182,7 +182,8 @@ const LoginEmail = () => {
         <InputText
           name={"email"}
           type={"email"}
-          autocomplete={"username"}
+          autoComplete={"username"}
+          autoCorrect={"off"}
           required={true}
           onInput={onEmailInput}
           value={email}
@@ -194,7 +195,7 @@ const LoginEmail = () => {
             isPasskeyLoginLoading ||
             isPasskeyLoginSuccess
           }
-          autofocus
+          autoFocus
         />
         <Button
           isLoading={isEmailLoginLoading}