Commit 7b4fcd2ecac8107f7d052dee08cb8007dc5e5dd9

Authored by Vben
1 parent c625462e

fix: fix login page style

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