qcast3/qcast-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

회원가입 완료 및 로그인 페이지 완료

Browse Source
This commit is contained in:
김창수 2024-10-10 14:59:35 +09:00
parent f589ef74af
commit a338c8c0be
4 changed files with 98 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/login/page.jsx
View File

@ -64,7 +64,8 @@ export default function LoginPage(){
<input type="email" className='login-input' defaultValue={'メールを入力してください'}/>
<button className='id-delete'></button>
</div>
<div className='login-btn-box'>
<div className='pwreset-btn-box'>
<button className='login-btn light mr5' onClick={() => setPasswordReset(1)}>前の画面へ</button>
<button className='login-btn'>パスワードの初期化</button>
</div>
</div>

25
src/app/login/signupcomplete/page.jsx Normal file
View File

@ -0,0 +1,25 @@
import '@/styles/style.scss'
import '@/styles/contents.scss'
export default function SignUpCompletePage(){
return(
<div className="center-page-wrap">
<div className="center-page-inner complete">
<div className="sub-table-box">
<div className="complete-box-wrap">
<div className="complete-tit">Q.CAST3ログインIDの申請が完了しました。 </div>
<div className="complete-txt">申請したIDが承認されると、担当者情報に入力したEメールアドレスに ログイン関連の案内メールが送信されます。</div>
<div className="complete-email-wrap">
<div className="email-info">
担当者のEメールアドレス： <span>interplugmast.interplug.co.kr</span>
</div>
</div>
<div className="complete-btn">
<button className="btn-origin navy">ログイン画面に移動</button>
</div>
</div>
</div>
</div>
</div>
)
}

8
src/components/publishpage/PublishPage.jsx
View File

@ -94,7 +94,7 @@ export default function PublishPage() {
<td className="t-center">2024-09-11</td>
</tr>
<tr>
<td className="t-center" rowSpan={2}><strong>LoginPage</strong></td>
<td className="t-center" rowSpan={3}><strong>LoginPage</strong></td>
<td><strong className="title"></strong></td>
<td><Link href="/login" target="_blank">LoginPage</Link></td>
<td className="coding_stat_web"></td>
@ -106,6 +106,12 @@ export default function PublishPage() {
<td className="coding_stat_web"></td>
<td className="t-center">2024-10-10</td>
</tr>
<tr>
<td><strong className="title"></strong></td>
<td><Link href="/login/signupcomplete" target="_blank">SignUpCompletePage</Link></td>
<td className="coding_stat_web"></td>
<td className="t-center">2024-10-10</td>
</tr>
<tr>
<td className="t-center" rowSpan={2}><strong>물품 및 도면 관리</strong></td>
<td><strong className="title"></strong></td>

77
src/styles/_main.scss
View File

@ -470,23 +470,34 @@
}
}
}
.login-btn-box{
margin-bottom: 20px;
.login-btn{
display: block;
width: 100%;
height: 45px;
background-color: #5C6773;
color: #fff;
font-size: 15px;
font-weight: 600;
border-radius: 4px;
transition: background .15s ease-in-out;
.login-btn{
display: block;
width: 100%;
height: 45px;
background-color: #5C6773;
color: #fff;
font-size: 15px;
font-weight: 600;
border-radius: 4px;
transition: background .15s ease-in-out;
&:hover{
background-color: #717e8d;
}
&.light{
background-color: #fff;
border: 1px solid #5C6773;
color: #5C6773;
&:hover{
background-color: #717e8d;
background-color: #f0f0f0;
}
}
}
.login-btn-box{
margin-bottom: 20px;
}
.pwreset-btn-box{
display: flex;
}
.reset-password{
width: 100%;
text-align: center;
@ -598,5 +609,45 @@
display: flex;
justify-content: flex-end;
}
&.complete{
max-width: 1000px;
}
}
}
// 회원가입 완료
.complete-box-wrap{
padding: 72px 80px;
.complete-tit{
font-size: 18px;
font-weight: 600;
color: #101010;
margin-bottom: 17px;
}
.complete-txt{
font-size: 13px;
font-weight: 400;
color: #101010;
margin-bottom: 27px;
}
.complete-email-wrap{
padding: 36px 30px;
border-radius: 2px;
background: #F4F4F7;
margin-bottom: 20px;
.email-info{
font-size: 13px;
font-weight: 400;
color: #000;
span{
color: #204AF4;
font-weight: 500;
}
}
}
.complete-btn{
display: flex;
justify-content: flex-end;
}
}