Commit 7b4fcd2ecac8107f7d052dee08cb8007dc5e5dd9

Authored by Vben
1 parent c625462e

fix: fix login page style

src/views/sys/login/Login.vue
... ... @@ -166,7 +166,7 @@
166 166 }
167 167  
168 168 @media (max-width: @screen-sm) {
169   - min-width: 260px;
  169 + min-width: 180px;
170 170 }
171 171 }
172 172 .@{countdown-prefix-cls} input {
... ...
src/views/sys/login/LoginForm.vue
... ... @@ -41,17 +41,17 @@
41 41 </Button> -->
42 42 </FormItem>
43 43 <ARow class="enter-x">
44   - <ACol :span="7">
  44 + <ACol :xs="24" :md="8">
45 45 <Button block @click="setLoginState(LoginStateEnum.MOBILE)">
46 46 {{ t('sys.login.mobileSignInFormTitle') }}
47 47 </Button>
48 48 </ACol>
49   - <ACol :span="8" :offset="1">
  49 + <ACol :md="8" :xs="24" class="xs:my-2 md:my-0 xs:mx-0 md:mx-2">
50 50 <Button block @click="setLoginState(LoginStateEnum.QR_CODE)">
51 51 {{ t('sys.login.qrSignInFormTitle') }}
52 52 </Button>
53 53 </ACol>
54   - <ACol :span="7" :offset="1">
  54 + <ACol :md="7" :xs="24">
55 55 <Button block @click="setLoginState(LoginStateEnum.REGISTER)">
56 56 {{ t('sys.login.registerButton') }}
57 57 </Button>
... ...