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