diff --git a/src/views/login.vue b/src/views/login.vue
index 5663992..ce2a5f8 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -183,11 +183,14 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
+$loginHeight:570px;
+$loginForm:370px;
 .login {
   // display: flex;
   // justify-content: center;
   // align-items: center;
   height: 100%;
+  min-height: $loginHeight;
   background-image: url("../assets/image/login-bg.jpg");
   background-size: cover;
   position: relative;
@@ -223,6 +226,7 @@ export default {
   background: #ffffff;
   width: 400px;
   height: 60%;
+  min-height: $loginForm;
   padding: 25px 25px 5px 25px;
   position: absolute;
   right: 15%;
@@ -250,6 +254,7 @@ export default {
   background: #ffffff;
   width: 400px;
   height: 60%;
+  min-height: $loginForm;
   opacity: 0.3;
   z-index: 1;
 }