chore: update margins in login and reg pages

public/locales/en/auth.json

@@ -1,7 +1,6 @@
 {
   "login": {
     "title": "Login to {{name}}",
-    "desc": "Please enter your details.",
     "google": "Sign in with Google",
     "github": "Sign in with GitHub",
     "metamask": "Sign in with MetaMask",
@@ -11,7 +10,6 @@
   },
   "reg": {
     "title": "Sign Up to {{name}}",
-    "desc": "Please enter your details.",
     "google": "Sign Up with Google",
     "github": "Sign Up with GitHub",
     "metamask": "Sign Up with MetaMask",

public/locales/zh/auth.json

@@ -1,7 +1,6 @@
 {
   "login": {
     "title": "登录{{name}}",
-    "desc": "请输入用户名密码",
     "google": "谷歌登录",
     "github": "Github登录",
     "metamask": "MetaMask登录",
@@ -11,7 +10,6 @@
   },
   "reg": {
     "title": "注册{{name}}",
-    "desc": "请输入邮箱和密码",
     "google": "谷歌注册",
     "github": "Github注册",
     "metamask": "MetaMask注册",

src/app/services/auth.ts

@@ -182,6 +182,8 @@ export const authApi = createApi({
         try {
           await queryFulfilled;
           dispatch(resetAuthData());
+          // 重定向到登录
+          location.href = "/#/login";
         } catch {
           console.log("logout error");
         }

src/routes/login/index.tsx

@@ -134,10 +134,9 @@ export default function LoginPage() {
             alt="logo"
             className="w-14 h-14 mb-3 md:mb-7 rounded-full"
           />
-          <h2 className="font-semibold text-2xl text-gray-800 dark:text-white md:mb-2">
+          <h2 className="font-semibold text-2xl text-gray-800 dark:text-white">
             {t("login.title", { name: serverName })}
           </h2>
-          <span className="text-gray-400 dark:text-gray-100">{t("login.desc")}</span>
         </div>
         <form className="flex flex-col gap-5 w-80 md:min-w-[360px] " onSubmit={handleLogin}>
           <Input
@@ -165,9 +164,8 @@ export default function LoginPage() {
           </Button>
         </form>
         {hasDivider && <Divider content="OR" />}
-        <div className="flex flex-col gap-4">
+        <div className="flex flex-col gap-3">
           {enableMagicLink && <MagicLinkLogin />}
-
           <SocialLoginButtons />
         </div>
         {whoCanSignUp === "EveryOne" && <SignUpLink />}

src/routes/reg/Register.tsx

@@ -147,10 +147,9 @@ export default function Register() {
           alt="logo"
           className="w-14 h-14 md:mb-7 rounded-full"
         />
-        <h2 className="font-semibold text-2xl text-gray-800 dark:text-white md:mb-2">
+        <h2 className="font-semibold text-2xl text-gray-800 dark:text-white">
           {t("reg.title", { name: serverName })}
         </h2>
-        <span className="hidden md:block text-gray-400 dark:text-gray-100">{t("reg.desc")}</span>
       </div>
 
       <form