diff --git a/src/app/inquiryanswer/page.tsx b/src/app/inquiryanswer/page.tsx new file mode 100644 index 0000000..979f1f1 --- /dev/null +++ b/src/app/inquiryanswer/page.tsx @@ -0,0 +1,16 @@ +import InquiryAnswerData from "@/components/inquiry/inquiryanswer/InquiryAnswerData"; +import Footer from "@/components/layouts/Footer"; +import Header from "@/components/layouts/Header"; + +export default function InquiryAnswerPage(){ + return( +
+
+
+ +
+
+ ) +} \ No newline at end of file diff --git a/src/app/inquirydetail/page.tsx b/src/app/inquirydetail/page.tsx new file mode 100644 index 0000000..4b3dd38 --- /dev/null +++ b/src/app/inquirydetail/page.tsx @@ -0,0 +1,16 @@ +import InquiryDetailData from "@/components/inquiry/inquirydetail/InquiryDetailData"; +import Footer from "@/components/layouts/Footer"; +import Header from "@/components/layouts/Header"; + +export default function InquiryDetailPage(){ + return( +
+
+
+ +
+
+ ) +} \ No newline at end of file diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx index 2194be2..b613cdc 100644 --- a/src/components/PublishList/PublishList.tsx +++ b/src/components/PublishList/PublishList.tsx @@ -132,7 +132,7 @@ export default function PublishList (){ 2025/04/29 - 1:1 문의 + 1:1 문의 1:1 문의 목록 InquiryListPage.tsx @@ -154,6 +154,28 @@ export default function PublishList (){ 2025/04/30 + + 1:1 문의 상세 + + InquiryDetailPage.tsx + + + + + + 2025/04/30 + + + 1:1 문의 상세 (답변) + + InquiryAnswerPage.tsx + + + + + + 2025/04/30 + diff --git a/src/components/inquiry/inquiryanswer/InquiryAnswerData.tsx b/src/components/inquiry/inquiryanswer/InquiryAnswerData.tsx new file mode 100644 index 0000000..0cce70c --- /dev/null +++ b/src/components/inquiry/inquiryanswer/InquiryAnswerData.tsx @@ -0,0 +1,96 @@ +export default function InquiryAnswerData() { + return( +
+
+
+
回答完了
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
登録日2025.04.10
作者Hong gi
販売店interplug
施工店interplugs
E-mailHong@interplug.co.kr
+
+
+
屋根適合
+
屋根材適合性確認依頼
+
+ 入力した内容が表示されます.
+ インストール可能であることを確認してください.
+ 屋根の写真を添付しました. +
+
+
+
ファイル添付
+
    +
  • + +
    • +
  • + +
    • +
+
+
+
+
+
Hanwha Japan 回答
+
佐藤一貴/ 2025.04.02 16:54:00
+
+
+
回答
+
+ 一次側接続は, 自動切替開閉器と住宅分電盤昼間遮断器との間に蓄電システム遮断器を配線する方法です. + 二次側接続は, 住宅分電盤週間ブレーカの二次側に蓄電システムブレーカを接続する +
+
+
+
ファイル添付
+
    +
  • + +
    • +
  • + +
    • +
+
+
+
+ +
+
+ ) +} \ No newline at end of file diff --git a/src/components/inquiry/inquirydetail/InquiryDetailData.tsx b/src/components/inquiry/inquirydetail/InquiryDetailData.tsx new file mode 100644 index 0000000..3aafb6d --- /dev/null +++ b/src/components/inquiry/inquirydetail/InquiryDetailData.tsx @@ -0,0 +1,68 @@ +export default function InquiryDetailData() { + return( +
+
+
+
回答完了
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
登録日2025.04.10
作者Hong gi
販売店interplug
施工店interplugs
E-mailHong@interplug.co.kr
+
+
+
屋根適合
+
屋根材適合性確認依頼
+
+ 入力した内容が表示されます.
+ インストール可能であることを確認してください.
+ 屋根の写真を添付しました. +
+
+
+
ファイル添付
+
    +
  • + +
    • +
  • + +
    • +
+
+
+
+ +
+
+ ) +} \ No newline at end of file diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss index 02b89c1..c1f05f8 100644 --- a/src/styles/components/_sub.scss +++ b/src/styles/components/_sub.scss @@ -344,36 +344,76 @@ margin-top: 20px; .file-list-wrap{ margin-top: 14px; - .file-list-tit{ - @include defaultFont($font-s-13, $font-w-500, $font-c); - } - .file-list{ - margin-top: 14px; - } - .file-item{ - border-top: 1px solid #EDEDED; - cursor: default; - .file-item-bx{ - padding: 14px 0; - @include flex(0px); - align-items: center; - .file-item-name{ - @include defaultFont($font-s-13, $font-w-400, $font-c); - } - .file-del{ - display: block; - margin-left: auto; - width: 16px; - height: 16px; - background: url(/assets/images/common/id_delete_icon.svg)no-repeat center; - background-size: cover; - } + } +} +.file-list-tit{ + @include defaultFont($font-s-13, $font-w-500, $font-c); +} +.file-list{ + margin-top: 14px; + .file-item{ + border-top: 1px solid #EDEDED; + cursor: default; + .file-item-bx{ + width: 100%; + padding: 14px 0; + @include flex(0px); + align-items: center; + .file-item-name{ + @include defaultFont($font-s-13, $font-w-400, $font-c); } - &:last-child{ - .file-item-bx{ - padding-bottom: 0; - } + .file-del{ + display: block; + margin-left: auto; + width: 16px; + height: 16px; + background: url(/assets/images/common/id_delete_icon.svg)no-repeat center; + background-size: cover; + } + } + &:last-child{ + .file-item-bx{ + padding-bottom: 0; } } } +} + +// 1:1 문의 상세 +.inquiry-detail-data-table{ + padding: 20px 0; + border-bottom: 1px solid #ECECEC; +} +.inquiry-detail-data{ + padding: 20px 0; + border-bottom: 1px solid #2E3A59; + margin-bottom: 24px; + .inquiry-detail-category{ + @include defaultFont($font-s-13, $font-w-400, $font-c); + margin-bottom: 3px; + } + .inquiry-detail-tit{ + @include defaultFont($font-s-15, $font-w-500, $font-c); + margin-bottom: 10px; + } + .inquiry-detail-txt{ + @include defaultFont($font-s-13, $font-w-400, $font-c); + } +} + +// 1:1 문의 답변 +.inquiry-answer-wrap{ + margin-top: 24px; +} +.inquiry-answer-header{ + padding: 20px 0; + border-top: 1px solid #F86A56; + border-bottom: 1px solid #ECECEC; + .inquiry-answer-tit{ + @include defaultFont($font-s-14, $font-w-500, #F86A56); + margin-bottom: 5px; + } + .inquiry-answer-date{ + @include defaultFont($font-s-13, $font-w-400, #F86A56); + } } \ No newline at end of file