feat: admin login page upgrade

Author: modstart

public/asset/theme/default/admin.css

@@ -4,40 +4,58 @@ body {
     line-height: 1.5;
     color: var(--color-text);
     -webkit-font-smoothing: antialiased;
-    //background: #222D32;
 }
 
-//
-//html {
-//    background: #222D32;
-//}
-
 .ub-admin-login {
-    width: 300px;
-    margin: 0 auto;
-
-    .head {
-        color: #FFF;
-        text-align: center;
-        font-size: 1.3rem;
-        padding: 50px 0 20px 0;
-        font-weight: bold;
-    }
+    width: 100%;
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: auto;
 
-    .form {
-        background: #FFF;
-        padding: 20px;
+    .login-box {
+        display: flex;
+        width: 600px;
+        box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.3);
         border-radius: 0.5rem;
-        box-shadow: #333 0 0 0.25rem;
 
-        .line {
-            padding: 15px 10px;
+        .info {
+            background: var(--color-primary);
+            flex-grow: 1;
+            border-radius: 0.5rem 0 0 0.5rem;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            padding: 2rem;
+            color: #FFF;
+            text-align: center;
 
-            input {
-                width: 100%;
-                font-size: 14px;
-                line-height: 40px;
-                height: 40px;
+            .title {
+                font-size: 1.2rem;
+            }
+
+            .slogan {
+                font-size: 0.7rem;
+                margin-top: 1rem;
+            }
+        }
+
+        .form {
+            background: #FFF;
+            padding: 20px;
+            width: 50%;
+            border-radius: 0 0.5rem 0.5rem 0;
+
+            .line {
+                padding: 15px 10px;
+
+                input {
+                    width: 100%;
+                    font-size: 14px;
+                    line-height: 40px;
+                    height: 40px;
+                }
             }
         }
     }
@@ -51,3 +69,26 @@ body {
         }
     }
 }
+
+@media (max-width: 800px) {
+    .ub-admin-login {
+        display: block;
+        background: #FFF;
+
+        .login-box {
+            display: block;
+            border-radius: 0;
+            width: 100%;
+            box-shadow: none;
+
+            .info {
+                border-radius: 0;
+            }
+
+            .form {
+                width: 100%;
+                border-radius: 0;
+            }
+        }
+    }
+}