motaju/xrlms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

123

Browse Source
This commit is contained in:
wallace
2025-11-27 19:31:19 +09:00
parent e2b7330c5e
commit 91c886298c
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/reset-password/page.tsx
View File

@@ -204,7 +204,7 @@ export default function ResetPasswordPage() {
<div className="text-[24px] font-extrabold leading-[150%] text-neutral-700">
비밀번호 재설정
</div>
<p className="mt-2 text-[18px] font-normal leading-[150%] text-[#6c7682]">
<p className="mt-2 text-[18px] font-normal leading-[150%] text-text-label">
비밀번호 재설정을 위해 아래 정보를 입력해 주세요.
</p>
</div>
@@ -212,20 +212,20 @@ export default function ResetPasswordPage() {
<form onSubmit={handleSubmit} className="space-y-6">
{/* 아이디(이메일) + 인증번호 전송 */}
<div className="space-y-2">
<label htmlFor="email" className="text-[15px] font-semibold text-[#6c7682]">아이디 (이메일)</label>
<label htmlFor="email" className="text-[15px] font-semibold text-text-label">아이디 (이메일)</label>
<div className="flex gap-2 items-center">
<div className="relative flex-1">
<input
id="email"
name="email"
type="email"
value={email}
onChange={(e) => setEmail(e.target.value)}
onFocus={() => setFocused((p) => ({ ...p, email: true }))}
onBlur={() => setFocused((p) => ({ ...p, email: false }))}
placeholder="이메일을 입력해 주세요."
disabled={emailCodeVerified}
className={`h-[40px] px-[12px] py-[7px] w-full rounded-[8px] border focus:outline-none text-[18px] text-neutral-700 placeholder:text-input-placeholder-text pr-[40px] disabled:bg-gray-100 disabled:cursor-not-allowed ${emailCodeVerified ? '' : (errors.email ? 'border-error' : 'border-neutral-40 focus:border-neutral-700')}`}
value={email}
onChange={(e) => setEmail(e.target.value)}
onFocus={() => setFocused((p) => ({ ...p, email: true }))}
onBlur={() => setFocused((p) => ({ ...p, email: false }))}
placeholder="이메일을 입력해 주세요."
disabled={emailCodeVerified}
className={`h-[40px] px-[12px] py-[7px] w-full rounded-[8px] border focus:outline-none text-[18px] text-neutral-700 placeholder:text-input-placeholder-text pr-[40px] disabled:bg-gray-100 disabled:cursor-not-allowed ${emailCodeVerified ? '' : (errors.email ? 'border-error' : 'border-neutral-40 focus:border-neutral-700')}`}
/>
{email.trim().length > 0 && focused.email && !emailCodeVerified && (
<button
@@ -289,7 +289,7 @@ export default function ResetPasswordPage() {
</button>
</div>
{!errors.emailCode && (
<p className="text-[13px] leading-[normal] text-[#384fbf]">
<p className="text-[13px] leading-[normal] text-primary">
{emailCodeVerified ? (
"인증이 완료됐습니다"
) : (
@@ -308,7 +308,7 @@ export default function ResetPasswordPage() {
{/* 새 비밀번호 */}
<div className="space-y-2">
<label htmlFor="password" className="text-[15px] font-semibold text-[#6c7682]">새 비밀번호</label>
<label htmlFor="password" className="text-[15px] font-semibold text-text-label">새 비밀번호</label>
<div className="relative">
<input
id="password"
@@ -337,7 +337,7 @@ export default function ResetPasswordPage() {
{/* 새 비밀번호 확인 */}
<div className="space-y-2">
<label htmlFor="passwordConfirm" className="text-[15px] font-semibold text-[#6c7682]">새 비밀번호 확인</label>
<label htmlFor="passwordConfirm" className="text-[15px] font-semibold text-text-label">새 비밀번호 확인</label>
<div className="relative">
<input
id="passwordConfirm"
@@ -368,7 +368,7 @@ export default function ResetPasswordPage() {
<div className="flex gap-3">
<Link
href="/login"
className="h-[40px] flex-1 rounded-[12px] bg-[#f1f3f5] text-[18px] font-semibold text-center flex items-center justify-center text-basic-text"
className="h-[40px] flex-1 rounded-[12px] bg-bg-gray-light text-[18px] font-semibold text-center flex items-center justify-center text-basic-text"
>
이전
</Link>