fix: improve login form styles

packages/app/src/components/views/Login.tsx

@@ -84,7 +84,7 @@ export function Login(props: any) {
                 placeholder: '密码',
               },
               'x-props': {
-                help: <Link to={'/lostpassword'}>忘记密码？</Link>,
+                help: <Link style={{float: 'right', marginBottom: 12}} to={'/lostpassword'}>忘记密码？</Link>,
               },
             },
             ...(props.fields || {}),
@@ -92,15 +92,14 @@ export function Login(props: any) {
         }}
       >
         <FormButtonGroup>
-          <Submit size={'large'}>登录</Submit>
-          <Button
-            size={'large'}
-            onClick={() => {
-              history.push('/register');
-            }}
-          >
-            注册账户
-          </Button>
+          <Submit block size={'large'}>登录</Submit>
+          <div style={{
+            marginTop: 12,
+            display: 'flex',
+            justifyContent: 'space-between',
+          }}>
+            <Link to={'/register'}>注册账户</Link>
+          </div>
         </FormButtonGroup>
       </SchemaForm>
     </div>

packages/app/src/components/views/LostPassword.tsx

@@ -66,15 +66,14 @@ export function LostPassword(props: any) {
         }}
       >
         <FormButtonGroup>
-          <Submit size={'large'}>获取新密码</Submit>
-          <Button
-            size={'large'}
-            onClick={() => {
-              history.push('/login');
-            }}
-          >
-            使用已有账号登录
-          </Button>
+          <Submit block size={'large'}>获取新密码</Submit>
+          <div style={{
+            marginTop: 12,
+            display: 'flex',
+            justifyContent: 'space-between',
+          }}>
+            <Link to={'/login'}>使用已有账号登录</Link>
+          </div>
         </FormButtonGroup>
       </SchemaForm>
     </div>

packages/app/src/components/views/Register.tsx

@@ -98,14 +98,14 @@ export function Register(props: any) {
                 placeholder: '邮箱',
               },
             },
-            nickname: {
-              type: 'string',
-              title: '',
-              'x-component-props': {
-                size: 'large',
-                placeholder: '昵称',
-              },
-            },
+            // nickname: {
+            //   type: 'string',
+            //   title: '',
+            //   'x-component-props': {
+            //     size: 'large',
+            //     placeholder: '昵称',
+            //   },
+            // },
             password: {
               type: 'password',
               title: '',
@@ -135,15 +135,14 @@ export function Register(props: any) {
         }}
       >
         <FormButtonGroup align={'start'}>
-          <Submit size={'large'}>注册</Submit>
-          <Button
-            size={'large'}
-            onClick={() => {
-              history.push('/login');
-            }}
-          >
-            使用已有账号登录
-          </Button>
+          <Submit block size={'large'}>注册</Submit>
+          <div style={{
+            marginTop: 12,
+            display: 'flex',
+            justifyContent: 'space-between',
+          }}>
+            <Link to={'/login'}>使用已有账号登录</Link>
+          </div>
         </FormButtonGroup>
       </SchemaForm>
     </div>

packages/app/src/components/views/ResetPassword.tsx

@@ -16,7 +16,7 @@ import {
 import { QuestionCircleOutlined } from '@ant-design/icons';
 import { Redirect, history, request, useModel, useHistory } from 'umi';
 import api from '@/api-client';
-import { useRequest } from 'umi';
+import { useRequest, Link } from 'umi';
 
 const { onFieldValueChange$ } = FormEffectHooks;
 
@@ -149,15 +149,14 @@ export function ResetPassword(props: any) {
         }}
       >
         <FormButtonGroup align={'start'}>
-          <Submit size={'large'}>重置密码</Submit>
-          <Button
-            size={'large'}
-            onClick={() => {
-              history.push('/login');
-            }}
-          >
-            使用已有账号登录
-          </Button>
+          <Submit block size={'large'}>重置密码</Submit>
+          <div style={{
+            marginTop: 12,
+            display: 'flex',
+            justifyContent: 'space-between',
+          }}>
+            <Link to={'/login'}>使用已有账号登录</Link>
+          </div>
         </FormButtonGroup>
       </SchemaForm>
     </div>

packages/app/src/components/views/style.less

@@ -92,6 +92,12 @@ body.collapsed {
 .users-form {
   .button-group {
     justify-content: flex-start;
+    .ant-row {
+      width: 100%;
+    }
+    .ant-col.inline {
+      width: 100%;
+    }
   }
 }