-
-
-
+ <>
+
-
-
-
+ {/* 우편번호 팝업 */}
+
+ >
)
}
\ No newline at end of file
diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx
index d900d32..ad5bf99 100644
--- a/src/components/PublishList/PublishList.tsx
+++ b/src/components/PublishList/PublishList.tsx
@@ -100,6 +100,7 @@ export default function PublishList (){
SaleDefaultPage.tsx
+ 우편번호 찾기 팝업 포함
|
|
diff --git a/src/components/sale/saledefault/SaleZipCodePop.tsx b/src/components/sale/saledefault/SaleZipCodePop.tsx
new file mode 100644
index 0000000..058636f
--- /dev/null
+++ b/src/components/sale/saledefault/SaleZipCodePop.tsx
@@ -0,0 +1,80 @@
+'use client'
+import { useState } from "react"
+
+export default function SaleZipCodePop() {
+ const [searchValue, setSearchValue] = useState(''); //search 데이터 유무
+
+ //search 데이터 value 추가
+ const handleChange = (e: React.ChangeEvent
) => {
+ setSearchValue(e.target.value);
+ };
+
+ return(
+
+
+
+
+
+
+
+

+
+
住所検索
+
+
+
+
+
+
+
+
+
+ {/*input에 데이터 있으면 삭제버튼 보임 */}
+ {searchValue && }
+
+
+
+
+
名前
+
+
+
+ | 都道府県 |
+ 市区町村 |
+ 市区町村以下 |
+
+
+
+
+ | 東京都 |
+ 浜松 |
+ 浜松町 |
+
+
+ | 東京都 |
+ 浜松 |
+ 浜松町 |
+
+
+ | 東京都 |
+ 浜松 |
+ 浜松町 |
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/styles/base/_inputs.scss b/src/styles/base/_inputs.scss
index 22f7ff9..c8cf32d 100644
--- a/src/styles/base/_inputs.scss
+++ b/src/styles/base/_inputs.scss
@@ -106,6 +106,14 @@ input::-webkit-inner-spin-button {
background-size: cover;
margin-left: 5px;
}
+ .del-icon{
+ flex: none;
+ width: 24px;
+ height: 24px;
+ background: url(/assets/images/common/search_del_icon.svg)no-repeat center;
+ background-size: cover;
+ margin-left: 5px;
+ }
}
.date-input{
padding-left: 0;
diff --git a/src/styles/components/_pop-contents.scss b/src/styles/components/_pop-contents.scss
index 2fdf017..88180a2 100644
--- a/src/styles/components/_pop-contents.scss
+++ b/src/styles/components/_pop-contents.scss
@@ -3,4 +3,34 @@
// 회원정보 팝업
.member-infor-form-wrap{
margin-bottom: 20px;
+}
+
+// 우편번호 찾기 팝업
+.zip-code-search-input{
+ margin-bottom: 18px;
+}
+.zip-code-table-wrap{
+ .zip-code-table-tit{
+ @include defaultFont($font-s-13, $font-w-500, $font-c);
+ margin-bottom: 10px;
+ }
+ .zip-code-table{
+ width: 100%;
+ table-layout: fixed;
+ border-top: 2px solid #2E3A59;
+ th{
+ @include defaultFont($font-s-13, $font-w-500, $font-c);
+ padding: 10px;
+ border-bottom: 1px solid #2E3A59;
+ text-align: center;
+ }
+ td{
+ @include defaultFont($font-s-13, $font-w-400, $font-c);
+ padding: 10px;
+ border-bottom: 1px solid #ECECEC;
+ }
+ }
+ .btn-flex-wrap{
+ margin-top: 20px;
+ }
}
\ No newline at end of file
diff --git a/src/styles/layout/_pop-common.scss b/src/styles/layout/_pop-common.scss
index 5efcb2d..9fd8d22 100644
--- a/src/styles/layout/_pop-common.scss
+++ b/src/styles/layout/_pop-common.scss
@@ -38,7 +38,7 @@
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
- padding: 32px 20px 20px;
+ padding: 32px 20px;
}
.modal-footer {
display: -ms-flexbox;