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

Alert 팝업 추가

Browse Source
This commit is contained in:
김창수 2025-04-29 15:51:36 +09:00
parent 8adde8babc
commit 672a0344fe
5 changed files with 96 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/alert/page.tsx Normal file
View File

@ -0,0 +1,22 @@
import DoubleBtnAlert from "@/components/alerts/DoubleBtnAlert";
import SingleBtnAlert from "@/components/alerts/SingleBtnAlert";
import Footer from "@/components/layouts/Footer";
import Header from "@/components/layouts/Header";
export default function AlertPage() {
return (
<>
<div className="wrap">
<Header name={"調査物件新規登録"} backBtn={true}/>
<div className="container">
</div>
<Footer/>
</div>
{/* 버튼 1개 */}
{/* <SingleBtnAlert/> */}
{/* 버튼 2개 */}
<DoubleBtnAlert/>
</>
)
}

14
src/components/PublishList/PublishList.tsx
View File

@ -71,6 +71,20 @@ export default function PublishList (){
</td>
<td className='c red'>2025/04/29</td>
</tr>
<tr>
<td>Alert</td>
<td>Alert 모음</td>
<td>
<Link href={'alert'}>AlertPage.tsx</Link>
</td>
<td className='c'>
</td>
<td className='c'>
</td>
<td className='c red'>2025/04/29</td>
</tr>
<tr>
<td rowSpan={3}>매물</td>
<td>매물 목록</td>

19
src/components/alerts/DoubleBtnAlert.tsx Normal file
View File

@ -0,0 +1,19 @@
export default function DoubleBtnAlert(){
return(
<div className="modal-popup alert">
<div className="modal-dialog">
<div className="modal-content">
<div className="alert-tit">本当に削除しますか?</div>
<div className="alert-btn-wrap">
<div className="alert-btn-bx">
<button className="btn-frame red min">確認</button>
</div>
<div className="alert-btn-bx">
<button className="btn-frame n-blue min">キャンセル</button>
</div>
</div>
</div>
</div>
</div>
)
}

16
src/components/alerts/SingleBtnAlert.tsx Normal file
View File

@ -0,0 +1,16 @@
export default function SingleBtnAlert(){
return(
<div className="modal-popup alert">
<div className="modal-dialog">
<div className="modal-content">
<div className="alert-tit">保存されました.</div>
<div className="alert-btn-wrap">
<div className="alert-btn-bx">
<button className="btn-frame red min">確認</button>
</div>
</div>
</div>
</div>
</div>
)
}

25
src/styles/layout/_pop-common.scss
View File

@ -82,3 +82,28 @@
background-size: cover;
}
}
// alert
.modal-popup{
&.alert{
.modal-dialog{
max-width: 237px;
.modal-content{
padding: 20px;
.alert-tit{
padding-bottom: 15px;
border-bottom: 1px solid #ECECEC;
text-align: center;
@include defaultFont($font-s-13, $font-w-400, $font-c);
}
.alert-btn-wrap{
@include flex(5px);
margin-top: 20px;
.alert-btn-bx{
flex: 1;
}
}
}
}
}
}