github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

doc(site): fix Login Form style (#5797)

pull/5839/head
舜岳 2022-07-24 09:04:22 +08:00 committed by GitHub
parent c739e498c5
commit 151555b7b7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/form/demo/normal-login.vue
View File

@ -47,12 +47,12 @@ Normal login form which can contain more elements.
</a-input-password> </a-input-password>
</a-form-item> </a-form-item>
<div class="login-form-wrap"> <a-form-item>
<a-form-item name="remember" no-style> <a-form-item name="remember" no-style>
<a-checkbox v-model:checked="formState.remember">Remember me</a-checkbox> <a-checkbox v-model:checked="formState.remember">Remember me</a-checkbox>
</a-form-item> </a-form-item>
<a class="login-form-forgot" href="">Forgot password</a> <a class="login-form-forgot" href="">Forgot password</a>
</div> </a-form-item>
<a-form-item> <a-form-item>
<a-button :disabled="disabled" type="primary" html-type="submit" class="login-form-button"> <a-button :disabled="disabled" type="primary" html-type="submit" class="login-form-button">
@ -105,13 +105,8 @@ export default defineComponent({
#components-form-demo-normal-login .login-form { #components-form-demo-normal-login .login-form {
max-width: 300px; max-width: 300px;
} }
#components-form-demo-normal-login .login-form-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
#components-form-demo-normal-login .login-form-forgot { #components-form-demo-normal-login .login-form-forgot {
margin-bottom: 24px; float: right;
} }
#components-form-demo-normal-login .login-form-button { #components-form-demo-normal-login .login-form-button {
width: 100%; width: 100%;