fix: fix login page style

vbenjs · Mar 1, 2021 · 7b4fcd2 · 7b4fcd2
1 parent c625462
commit 7b4fcd2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/views/sys/login/Login.vue b/src/views/sys/login/Login.vue
@@ -166,7 +166,7 @@
       }
 
       @media (max-width: @screen-sm) {
-        min-width: 260px;
+        min-width: 180px;
       }
     }
     .@{countdown-prefix-cls} input {

diff --git a/src/views/sys/login/LoginForm.vue b/src/views/sys/login/LoginForm.vue
@@ -41,17 +41,17 @@
       </Button> -->
     </FormItem>
     <ARow class="enter-x">
-      <ACol :span="7">
+      <ACol :xs="24" :md="8">
         <Button block @click="setLoginState(LoginStateEnum.MOBILE)">
           {{ t('sys.login.mobileSignInFormTitle') }}
         </Button>
       </ACol>
-      <ACol :span="8" :offset="1">
+      <ACol :md="8" :xs="24" class="xs:my-2 md:my-0 xs:mx-0 md:mx-2">
         <Button block @click="setLoginState(LoginStateEnum.QR_CODE)">
           {{ t('sys.login.qrSignInFormTitle') }}
         </Button>
       </ACol>
-      <ACol :span="7" :offset="1">
+      <ACol :md="7" :xs="24">
         <Button block @click="setLoginState(LoginStateEnum.REGISTER)">
           {{ t('sys.login.registerButton') }}
         </Button>