From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化

---
 app/forgot-password/page.tsx |   20 ++++++++++++++++----
 1 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/forgot-password/page.tsx b/app/forgot-password/page.tsx
index ed3d0d5..bb46011 100644
--- a/app/forgot-password/page.tsx
+++ b/app/forgot-password/page.tsx
@@ -1,8 +1,9 @@
 'use client'
 import React from 'react'
-import cn from 'classnames'
+import classNames from 'classnames'
 import { useSearchParams } from 'next/navigation'
 import Header from '../signin/_header'
+import style from '../signin/page.module.css'
 import ForgotPasswordForm from './ForgotPasswordForm'
 import ChangePasswordForm from '@/app/forgot-password/ChangePasswordForm'
 
@@ -11,11 +12,22 @@
   const token = searchParams.get('token')
 
   return (
-    <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
-      <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
+    <div className={classNames(
+      style.background,
+      'flex w-full min-h-screen',
+      'p-4 lg:p-8',
+      'gap-x-20',
+      'justify-center lg:justify-start',
+    )}>
+      <div className={
+        classNames(
+          'flex w-full flex-col bg-white shadow rounded-2xl shrink-0',
+          'md:w-[608px] space-between',
+        )
+      }>
         <Header />
         {token ? <ChangePasswordForm /> : <ForgotPasswordForm />}
-        <div className='px-8 py-6 text-sm font-normal text-text-tertiary'>
+        <div className='px-8 py-6 text-sm font-normal text-gray-500'>
           漏 {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
         </div>
       </div>

--
Gitblit v1.8.0