style: login

src/pages/login/components/login-form.tsx

@@ -155,7 +155,7 @@ const LoginForm = () => {
       <div>
         <Form
           form={form}
-          style={{ width: '400px', margin: '0 auto', paddingTop: '10%' }}
+          style={{ width: '400px', margin: '0 auto' }}
           onFinish={handleLogin}
         >
           {renderWelCome(intl)}

src/pages/login/components/password-form.tsx

@@ -46,7 +46,7 @@ const PasswordForm: React.FC = () => {
       </div>
       <Form
         form={form}
-        style={{ width: '400px', margin: '0 auto', paddingTop: '5%' }}
+        style={{ width: '400px', margin: '0 auto' }}
         onFinish={handleSubmit}
       >
         <h2 className="justify-center m-b-20 flex-column flex-center">

src/pages/login/components/styles.less

@@ -0,0 +1,16 @@
+:local(.login-form-wrapper) {
+  margin: 0 auto;
+  border-radius: 8px;
+  width: max-content;
+  height: max-content;
+  padding: 32px;
+  background-color: rgba(255, 255, 255, 50%);
+
+  :global(.field-wrapper) {
+    background-color: transparent !important;
+  }
+}
+
+:local(.box) {
+  padding-top: 10%;
+}