diff --git a/src/app/alert/page.tsx b/src/app/alert/page.tsx new file mode 100644 index 0000000..c68827f --- /dev/null +++ b/src/app/alert/page.tsx @@ -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 ( + <> +
+
+
+ +
+
+ {/* 버튼 1개 */} + {/* */} + {/* 버튼 2개 */} + + + ) +} \ No newline at end of file diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx index ad5bf99..03e591f 100644 --- a/src/components/PublishList/PublishList.tsx +++ b/src/components/PublishList/PublishList.tsx @@ -71,6 +71,20 @@ export default function PublishList (){ 2025/04/29 + + Alert + Alert 모음 + + AlertPage.tsx + + + + + + + + 2025/04/29 + 매물 매물 목록 diff --git a/src/components/alerts/DoubleBtnAlert.tsx b/src/components/alerts/DoubleBtnAlert.tsx new file mode 100644 index 0000000..488a9d1 --- /dev/null +++ b/src/components/alerts/DoubleBtnAlert.tsx @@ -0,0 +1,19 @@ +export default function DoubleBtnAlert(){ + return( +
+
+
+
本当に削除しますか?
+
+
+ +
+
+ +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/alerts/SingleBtnAlert.tsx b/src/components/alerts/SingleBtnAlert.tsx new file mode 100644 index 0000000..1c69f85 --- /dev/null +++ b/src/components/alerts/SingleBtnAlert.tsx @@ -0,0 +1,16 @@ +export default function SingleBtnAlert(){ + return( +
+
+
+
保存されました.
+
+
+ +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/styles/layout/_pop-common.scss b/src/styles/layout/_pop-common.scss index 9fd8d22..4930f4e 100644 --- a/src/styles/layout/_pop-common.scss +++ b/src/styles/layout/_pop-common.scss @@ -81,4 +81,29 @@ background: url(/assets/images/layout/modal_close.svg)no-repeat center; 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; + } + } + } + } + } } \ No newline at end of file