From f3c90c6bbdd1619d991467a0c10233f2c6817746 Mon Sep 17 00:00:00 2001
From: feng <1304903146@qq.com>
Date: Thu, 10 Nov 2022 17:26:47 +0800
Subject: [PATCH] perf: login mfa style

---
 apps/templates/_mfa_login_field.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/templates/_mfa_login_field.html b/apps/templates/_mfa_login_field.html
index 29c3ea17b..a5720aa71 100644
--- a/apps/templates/_mfa_login_field.html
+++ b/apps/templates/_mfa_login_field.html
@@ -16,17 +16,17 @@
     {% for backend in mfa_backends %}
         <div id="mfa-{{ backend.name }}" class="mfa-field
             {% if backend.challenge_required %}challenge-required{% endif %}"
-            style="display: none"
+             style="display: none"
         >
             <input type="text" class="form-control input-style"
                    placeholder="{{ backend.placeholder }}"
             >
             {% if backend.challenge_required %}
-            <button class="btn btn-primary full-width btn-challenge"
-                    type='button' onclick="sendChallengeCode(this)"
-            >
-                {% trans 'Send verification code' %}
-            </button>
+                <button class="btn btn-primary full-width btn-challenge"
+                        type='button' onclick="sendChallengeCode(this)"
+                >
+                    {% trans 'Send verification code' %}
+                </button>
             {% endif %}
         </div>
     {% endfor %}
@@ -39,12 +39,12 @@
     }
 
     .challenge-required .input-style {
-        width: calc(100% - 114px);
+        width: calc(100% - 160px);
         display: inline-block;
     }
 
     .btn-challenge {
-        width: 110px !important;
+        width: 156px !important;
         height: 100%;
         vertical-align: top;
     }
@@ -74,7 +74,7 @@
             localStorage.setItem(preferMFAKey, name)
         }
 
-        $('.input-style').each(function (i, ele){
+        $('.input-style').each(function (i, ele) {
             $(ele).attr('name', 'code-test')
         })
 
@@ -112,7 +112,7 @@
                     clearInterval(interval)
                 }
             }, 1000)
-            setTimeout(function (){
+            setTimeout(function () {
                 toastr.success("{% trans 'The verification code has been sent' %}");
             })
         }