style: login

src/pages/login/index.tsx

@@ -1,9 +1,11 @@
 import { userAtom } from '@/atoms/user';
+import Footer from '@/components/footer';
 import { history } from '@umijs/max';
 import { useAtom } from 'jotai';
 import { useEffect } from 'react';
 import LoginForm from './components/login-form';
 import PasswordForm from './components/password-form';
+import styles from './components/styles.less';
 
 const Login = () => {
   const [userInfo, setUserInfo] = useAtom(userAtom);
@@ -21,9 +23,15 @@ const Login = () => {
   }, [userInfo]);
 
   return (
-    <div className="login-wrapper">
-      {userInfo?.require_password_change ? <PasswordForm /> : <LoginForm />}
-    </div>
+    <>
+      <div className="login-wrapper"></div>
+      <div className={styles.box}>
+        <div className={styles['login-form-wrapper']}>
+          {userInfo?.require_password_change ? <PasswordForm /> : <LoginForm />}
+        </div>
+        <Footer />
+      </div>
+    </>
   );
 };