Browse Source

🐞 fix(login): 登陆图片比例失真

陈雪 3 weeks ago
parent
commit
a3c36eb449
1 changed files with 13 additions and 2 deletions
  1. 13 2
      src/renderer/views/login/index.vue

+ 13 - 2
src/renderer/views/login/index.vue

@@ -4,7 +4,9 @@
       <div class="lang-change">
         <LangTab></LangTab>
       </div>
-      <img class="login-icon" src="./login-icon.png" alt="" />
+      <div class="login-icon">
+        <img src="./login-icon.png" alt="" />
+      </div>
       <el-form
         class="login-form"
         ref="loginForm"
@@ -218,7 +220,16 @@ $background-color: #f6f6f6; // 背景色,灰色
 
     .login-icon {
       width: calc(100% - 520px);
-      height: 59vh;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      overflow: hidden;
+
+      img {
+        width: 38vw;
+        height: 33vw;
+      }
     }
 
     .login-form {