修改登录界面过大横向排列的问题

src/views/login/newLogin2.vue

@@ -48,7 +48,9 @@
       min-height: 100vh;
       display: flex;
       flex-wrap: wrap;
-      justify-content: center;
+      justify-content: flex-start;
+      flex-direction: column;
+      align-content: center;
       padding: 15px;
       background: #fff;
       // background: -webkit-linear-gradient(-135deg, #c850c0, #4158d0);
@@ -83,6 +85,12 @@
         }
       }
 
+      @media (max-width: 1271px) {
+        width: 100%;
+        padding: 30px 0px 33px 0px;
+        justify-content: center;
+      }
+
       .login-form {
         width: 350px;
         display: flex;
@@ -96,11 +104,6 @@
           text-align: center;
         }
       }
-
-      @media (max-width: 1271px) {
-        padding: 30px 0px 33px 0px;
-        justify-content: center;
-      }
       @media (max-width: 1010px) {
         .login-pic {
           display: none;