fix: fix login page style

This commit is contained in:
Vben 2021-03-02 00:40:00 +08:00
parent c625462e98
commit 7b4fcd2eca
2 changed files with 4 additions and 4 deletions

View File

@ -166,7 +166,7 @@
} }
@media (max-width: @screen-sm) { @media (max-width: @screen-sm) {
min-width: 260px; min-width: 180px;
} }
} }
.@{countdown-prefix-cls} input { .@{countdown-prefix-cls} input {

View File

@ -41,17 +41,17 @@
</Button> --> </Button> -->
</FormItem> </FormItem>
<ARow class="enter-x"> <ARow class="enter-x">
<ACol :span="7"> <ACol :xs="24" :md="8">
<Button block @click="setLoginState(LoginStateEnum.MOBILE)"> <Button block @click="setLoginState(LoginStateEnum.MOBILE)">
{{ t('sys.login.mobileSignInFormTitle') }} {{ t('sys.login.mobileSignInFormTitle') }}
</Button> </Button>
</ACol> </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)"> <Button block @click="setLoginState(LoginStateEnum.QR_CODE)">
{{ t('sys.login.qrSignInFormTitle') }} {{ t('sys.login.qrSignInFormTitle') }}
</Button> </Button>
</ACol> </ACol>
<ACol :span="7" :offset="1"> <ACol :md="7" :xs="24">
<Button block @click="setLoginState(LoginStateEnum.REGISTER)"> <Button block @click="setLoginState(LoginStateEnum.REGISTER)">
{{ t('sys.login.registerButton') }} {{ t('sys.login.registerButton') }}
</Button> </Button>