fix: opo

src/views/common/login/index.vue

@@ -16,7 +16,7 @@
         <div class="logo">
           <img
             :src="checkFileUrl(configuration.bsLoginLogoImg)"
-            style="max-height:148px; max-width: 300px"
+            style="width:auto;"
           >
           <div class="login-title">
             {{ configuration.bsTitleContent }}
@@ -188,6 +188,7 @@ const getWebConfigData = () => {
   height: 100%;
   background: no-repeat;
   background-size: cover !important;
+  background:#f3f3f3;
   position: fixed;
   .login-left{
     max-width:38%;
@@ -199,21 +200,22 @@ const getWebConfigData = () => {
     h4{font-weight: normal;font-size:18px;letter-spacing:2px;line-height:50px;font-weight: bold;}
   }
   .login-box {
-    width:45%;
+    width:50%;
     position: absolute;
-    right: 5%;
+    right: 0;
     height: 100%;
     background:#f3f3f3;
     padding-top: 10%;
     padding-left:10%;
     padding-right:10%;
     .top {
+      max-width:350px;
       margin-bottom: 30px;
       text-align: center;
       .logo {
         font-size: 0;
         .login-title {
-          font-size: 24px;
+          font-size: 22px;
           color: #666;
           letter-spacing: 3px;
           margin: 0.5em 0 0.5em 0.5em;
@@ -222,6 +224,7 @@ const getWebConfigData = () => {
       }
     }
     .mid {
+      max-width:350px;
       font-size: 14px;
       .info {
         width: 100%;
@@ -236,12 +239,11 @@ const getWebConfigData = () => {
         width: 100%;
         text-align: center;
         margin-top: 32px;
+        background: #1B64C2;
       }
     }
     .bottom {
-      position: absolute;
-      bottom: 10%;
-      width: 50%;
+      max-width:350px;
       color: #999;
       font-size: 12px;
       text-align: center;