|
2 | 2 | <div class="py-32">
|
3 | 3 | <div class="mx-auto max-w-sm px-8 py-4 rounded-md shadow-md">
|
4 | 4 | <div class="card-body">
|
5 |
| - <form method="POST" action="/two-factor-challenge"> |
6 |
| - <div> |
7 |
| - <h3 class="text-center text-sm text-gray-900 font-semibold"> |
8 |
| - Two Factor Authentication |
9 |
| - </h3> |
10 |
| - <label for="code" class="block text-sm font-medium leading-6 mt-4 text-gray-900"> |
11 |
| - Authentication code |
12 |
| - </label> |
13 |
| - <div class="relative mt-2 rounded-md shadow-sm"> |
14 |
| - <input id="code" type="code" name="code" placeholder="XXXXXX" class="block w-full px-2 rounded-md border-0 py-2 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> |
15 |
| - </div> |
| 5 | + <div> |
| 6 | + <h3 class="text-center text-sm text-gray-900 font-semibold"> |
| 7 | + Two Factor Authentication |
| 8 | + </h3> |
| 9 | + <label for="code" class="block text-sm font-medium leading-6 mt-4 text-gray-900"> |
| 10 | + Authentication code |
| 11 | + </label> |
| 12 | + <div class="flex mt-2 rounded-md shadow-sm space-x-2"> |
| 13 | + <input id="code" type="code" maxlength="1" name="code" placeholder="-" class="block text-center w-full px-2 rounded-md border-0 py-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> |
| 14 | + <input id="code" type="code" maxlength="1" name="code" placeholder="-" class="block text-center w-full px-2 rounded-md border-0 py-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> |
| 15 | + <input id="code" type="code" maxlength="1" name="code" placeholder="-" class="block text-center w-full px-2 rounded-md border-0 py-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> |
| 16 | + <input id="code" type="code" maxlength="1" name="code" placeholder="-" class="block text-center w-full px-2 rounded-md border-0 py-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> |
| 17 | + <input id="code" type="code" maxlength="1" name="code" placeholder="-" class="block text-center w-full px-2 rounded-md border-0 py-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> |
| 18 | + <input id="code" type="code" maxlength="1" name="code" placeholder="-" class="block text-center w-full px-2 rounded-md border-0 py-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> |
16 | 19 | </div>
|
17 |
| - <div class="py-4"> |
18 |
| - <button type="submit" class="relative w-full font-semibold border-teal text-white bg-teal flex items-center justify-center h-8 px-4 rounded-full focus:outline-none"> |
19 |
| - Verify |
20 |
| - </button> |
21 |
| - </div> |
22 |
| - <div> |
23 |
| - <p class="text-gray-700 font-semibold text-xs"> |
24 |
| - Open your Symantec 2FA app to view your authentication code. |
25 |
| - </p> |
26 |
| - </div> |
27 |
| - <div class="mt-4"> |
28 |
| - <p class="text-gray-700 font-semibold text-xs"> |
29 |
| - Having Problems? |
30 |
| - </p> |
31 |
| - <a href="/two-factor-authentication?mode=recovery" class="hover:underline text-blue-500 text-xs">Use recovery code instead</a> |
32 |
| - </div> |
33 |
| - </form> |
| 20 | + </div> |
| 21 | + <div class="py-4"> |
| 22 | + <button type="submit" class="relative w-full font-semibold border-teal text-white bg-teal flex items-center justify-center h-8 px-4 rounded-full focus:outline-none"> |
| 23 | + Verify |
| 24 | + </button> |
| 25 | + </div> |
| 26 | + <div> |
| 27 | + <p class="text-gray-700 font-semibold text-xs"> |
| 28 | + Open your Symantec 2FA app to view your authentication code. |
| 29 | + </p> |
| 30 | + </div> |
| 31 | + <div class="mt-4"> |
| 32 | + <p class="text-gray-700 font-semibold text-xs"> |
| 33 | + Having Problems? |
| 34 | + </p> |
| 35 | + <a href="#" class="hover:underline text-blue-500 text-xs">Use recovery code instead</a> |
| 36 | + </div> |
34 | 37 | </div>
|
35 | 38 | </div>
|
36 | 39 | </div>
|
|
0 commit comments