feat: 增加第三方认证的锁屏功能

src/admin/Bootstrap.Admin/Views/Account/Lock.cshtml

@@ -31,7 +31,9 @@
         <h1>@Model.DisplayName</h1>
         <span class="locked">系统已锁定</span>
         <form role="form" class="form-inline justify-content-center @Model.AuthenticationType" method="post" autocomplete="off" action="?ReturnUrl=@Model.ReturnUrl">
-            <div class="form-group">
+            <input type="hidden" name="username" value="@Model.UserName" />
+            <input type="hidden" name="authType" value="@Model.AuthenticationType" />
+            <div class="form-group Cookies">
                 <div class="input-group">
                     <input type="password" name="password" class="form-control" value="" autocomplete="off" placeholder="密码" />
                     <div class="input-group-append">
@@ -41,9 +43,7 @@
                     </div>
                 </div>
             </div>
-            <input type="hidden" name="username" value="@Model.UserName" />
-            <input type="hidden" name="authType" value="@Model.AuthenticationType" />
-            <div class="form-group">
+            <div class="form-group Mobile">
                 <div class="input-group">
                     <div class="input-group-prepend">
                         <div class="input-group-text">
@@ -56,6 +56,9 @@
                     </div>
                 </div>
             </div>
+            <div class="form-group OAuth">
+                <a href="~/Account/Login" class="btn btn-login">重新登录</a>
+            </div>
         </form>
     </div>
 </div>

src/admin/Bootstrap.Admin/wwwroot/css/lock.css

@@ -17,10 +17,6 @@ body {
     position: relative;
 }
 
-    .lock-box .form-group {
-        float: inherit !important;
-    }
-
 .lock-wrapper img {
     border-radius: 50%;
     -webkit-border-radius: 50%;
@@ -65,13 +61,20 @@ body {
     font-weight: 300;
 }
 
-.btn-lock, .btn-lock:hover {
+.btn-login {
+    width: 140px;
+}
+
+.btn-lock, .btn-login {
     background: #02b5c2;
     color: #fff;
     outline: none !important;
-    border-left: none;
 }
 
+    .btn-lock, .btn-lock:hover {
+        border-left: none;
+    }
+
 .has-error .btn-lock {
     color: #a94442;
     background-color: #f2dede;
@@ -88,15 +91,14 @@ body {
     z-index: auto;
 }
 
-.lock-box .form-inline .form-group {
+.form-inline .form-group {
     display: none;
 }
 
-.lock-box .form-inline.Cookies .form-group:first-child {
-    display: flex;
-}
-
-.lock-box .form-inline.Mobile .form-group:last-child {
+.form-inline.Cookies .form-group.Cookies,
+.form-inline.Mobile .form-group.Mobile,
+.form-inline.Gitee .form-group.OAuth,
+.form-inline.GitHub .form-group.OAuth {
     display: flex;
 }
 
@@ -104,7 +106,7 @@ div.input-group span {
     color: #fff;
 }
 
-div.input-group input, div.input-group input:hover, .btn-lock, div.input-group .input-group-text {
+div.input-group input, div.input-group input:hover, .btn-lock, div.input-group .input-group-text, .btn-login {
     border-color: #1d9238;
 }
 
@@ -131,4 +133,4 @@ div.input-group .input-group-text {
 
 .form-group:last-child input {
     width: 80px;
-}
+}