Update login form to use best practice

bikebrigade · May 22, 2024 · 4c58784 · 4c58784
1 parent 7dbc6bf
commit 4c58784
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/lib/bike_brigade_web/live/login_live.html.heex b/lib/bike_brigade_web/live/login_live.html.heex
@@ -34,7 +34,11 @@
           </div>
 
           <div class="text-center ">
-            <.button href="https://www.bikebrigade.ca/volunteer-rider-sign-up" color={:white} size={:small}>
+            <.button
+              href="https://www.bikebrigade.ca/volunteer-rider-sign-up"
+              color={:white}
+              size={:small}
+            >
               Sign Up!
             </.button>
           </div>
@@ -65,7 +69,14 @@
             </p>
           </div>
           <.input type="hidden" field={{f, :phone}} />
-          <.input type="text" field={{f, :token_attempt}} label="Authentication Code" />
+          <.input
+            type="text"
+            field={{f, :token_attempt}}
+            label="Authentication Code"
+            inputmode="numeric"
+            autocomplete="one-time-code"
+            pattern="\d{6}"
+          />
           <:actions>
             <.button type="submit" class="w-full">Sign in</.button>
           </:actions>