refactor: 로그인/비밀번호 변경 페이지 문구 및 디자인 수정

This commit is contained in:
Daseul Kim 2025-07-08 13:43:50 +09:00
parent 9d20e34d39
commit 2bb4d26496
2 changed files with 6 additions and 7 deletions

View File

@ -185,7 +185,7 @@ export default function Login() {
onKeyDown={(e) => handleKeyDown(e)} onKeyDown={(e) => handleKeyDown(e)}
onChange={(e) => setAccount({ pwd: e.target.value })} onChange={(e) => setAccount({ pwd: e.target.value })}
/> />
<button className={`login-icon ${pwShow ? 'act' : ''}`} onClick={() => setPwShow(!pwShow)}> <button className={`login-icon ${pwShow ? '' : 'act'}`} onClick={() => setPwShow(!pwShow)}>
<i className="show-icon"></i> <i className="show-icon"></i>
</button> </button>
</div> </div>

View File

@ -108,15 +108,15 @@ export default function PwResetForm() {
<input <input
type={`${pwShow01 ? 'text' : 'password'}`} type={`${pwShow01 ? 'text' : 'password'}`}
className="login-frame" className="login-frame"
placeholder="●●●●" placeholder="新しいパスワードを入力してください。"
onChange={(e) => setPwd01(e.target.value)} onChange={(e) => setPwd01(e.target.value)}
/> />
<button className={`login-icon ${pwShow01 ? 'act' : ''}`} onClick={() => setPwShow01(!pwShow01)}> <button className={`login-icon ${pwShow01 ? '' : 'act'}`} onClick={() => setPwShow01(!pwShow01)}>
<i className="show-icon"></i> <i className="show-icon"></i>
</button> </button>
</div> </div>
</div> </div>
{/* <div className="data-input-guide">※半角10文字以内</div> */} <div className="data-input-guide">··8</div>
</div> </div>
<div className="data-input-form-bx"> <div className="data-input-form-bx">
<div className="data-input-form-tit"> <div className="data-input-form-tit">
@ -127,15 +127,14 @@ export default function PwResetForm() {
<input <input
type={`${pwShow02 ? 'text' : 'password'}`} type={`${pwShow02 ? 'text' : 'password'}`}
className="login-frame" className="login-frame"
placeholder="●●●●" placeholder="同じパスワードをもう一度入力してください。"
onChange={(e) => setPwd02(e.target.value)} onChange={(e) => setPwd02(e.target.value)}
/> />
<button className={`login-icon ${pwShow02 ? 'act' : ''}`} onClick={() => setPwShow02(!pwShow02)}> <button className={`login-icon ${pwShow02 ? '' : 'act'}`} onClick={() => setPwShow02(!pwShow02)}>
<i className="show-icon"></i> <i className="show-icon"></i>
</button> </button>
</div> </div>
</div> </div>
{/* <div className="data-input-guide">※半角10文字以内</div> */}
</div> </div>
</div> </div>
<div className="btn-flex-wrap"> <div className="btn-flex-wrap">