diff --git a/src/app/inputcommon/page.tsx b/src/app/inputcommon/page.tsx index 0de8310..2f60f31 100644 --- a/src/app/inputcommon/page.tsx +++ b/src/app/inputcommon/page.tsx @@ -16,8 +16,7 @@ export default function InputCommonPage() {
- - + setFileName(e.target.files?.[0] ?? null)}/>
diff --git a/src/app/inquirycreate/page.tsx b/src/app/inquirycreate/page.tsx new file mode 100644 index 0000000..8bf24cf --- /dev/null +++ b/src/app/inquirycreate/page.tsx @@ -0,0 +1,16 @@ +import InquiryCreateForm from "@/components/inquiry/inquirycreate/InquiryCreateForm"; +import Footer from "@/components/layouts/Footer"; +import Header from "@/components/layouts/Header"; + +export default function InquiryCreatePage(){ + return( +
+
+
+ +
+
+ +
+ ) +} \ No newline at end of file diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx index eaa4c11..2194be2 100644 --- a/src/components/PublishList/PublishList.tsx +++ b/src/components/PublishList/PublishList.tsx @@ -143,6 +143,17 @@ export default function PublishList (){ 2025/04/30 + + 1:1 문의 작성 + + InquiryCreatePage.tsx + + + + + + 2025/04/30 +
diff --git a/src/components/inquiry/inquirycreate/InquiryCreateForm.tsx b/src/components/inquiry/inquirycreate/InquiryCreateForm.tsx new file mode 100644 index 0000000..0d0c9fc --- /dev/null +++ b/src/components/inquiry/inquirycreate/InquiryCreateForm.tsx @@ -0,0 +1,64 @@ +export default function InquiryCreateForm(){ + return( +
+
+
+
お問い合わせタイプ *
+
+ +
+
+
+
お問い合わせタイトル *
+
+ +
+
+
+
お問い合わせタイプ *
+
+ +
+
+
+
+
+ + +
+
+
添付ファイル2
+
    +
  • +
    +
    添付ファイル名.jpg
    + +
    +
  • +
  • +
    +
    添付ファイル名.jpg
    + +
    +
  • +
+
+
+ +
+
+
+ ) +} \ No newline at end of file diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss index ae172eb..02b89c1 100644 --- a/src/styles/components/_sub.scss +++ b/src/styles/components/_sub.scss @@ -9,6 +9,9 @@ .data-input-form-tit{ @include defaultFont($font-s-13, $font-w-500, $font-c); margin-bottom: 10px; + .import{ + color: #F00; + } span{ display: block; @include defaultFont($font-s-13, $font-w-400, #A8B6C7); @@ -261,20 +264,10 @@ } } -// 1:1 문의 목록 -.inquiry-table-filter{ - margin-bottom: 24px; - .filter-check{ - margin-bottom: 12px; - } -} -.inquiry-list-tit{ - padding-bottom: 10px; - border-bottom: 1px solid #2E3A59; - @include defaultFont($font-s-13, $font-w-400, $font-c); - span{ - font-weight: $font-w-500; - } + +// 1:1 문의 common +.inquiry-frame{ + padding: 0 20px; } .badge{ min-width: 60px; @@ -298,6 +291,21 @@ } } +// 1:1 문의 목록 +.inquiry-table-filter{ + margin-bottom: 24px; + .filter-check{ + margin-bottom: 12px; + } +} +.inquiry-list-tit{ + padding-bottom: 10px; + border-bottom: 1px solid #2E3A59; + @include defaultFont($font-s-13, $font-w-400, $font-c); + span{ + font-weight: $font-w-500; + } +} .inquiry-list{ .inquiry-item{ padding: 10px 0; @@ -329,4 +337,43 @@ } } } +} + +// 1:1문의 작성 +.inquiry-file-wrap{ + 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; + } + } + &:last-child{ + .file-item-bx{ + padding-bottom: 0; + } + } + } + } } \ No newline at end of file