diff --git a/src/app/inquirylist/page.tsx b/src/app/inquirylist/page.tsx new file mode 100644 index 0000000..4983bf1 --- /dev/null +++ b/src/app/inquirylist/page.tsx @@ -0,0 +1,20 @@ +import InquiryForm from "@/components/inquiry/inquirylist/InquiryForm"; +import InquiryTable from "@/components/inquiry/inquirylist/InquiryTable"; +import Footer from "@/components/layouts/Footer"; +import Header from "@/components/layouts/Header"; + +export default function InquiryListPage (){ + return( +
+
+
+
+ + +
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx index 7fc8869..eaa4c11 100644 --- a/src/components/PublishList/PublishList.tsx +++ b/src/components/PublishList/PublishList.tsx @@ -131,6 +131,18 @@ export default function PublishList (){ 2025/04/29 + + 1:1 문의 + 1:1 문의 목록 + + InquiryListPage.tsx + + + + + + 2025/04/30 + diff --git a/src/components/inquiry/inquirylist/InquiryForm.tsx b/src/components/inquiry/inquirylist/InquiryForm.tsx new file mode 100644 index 0000000..7546d6d --- /dev/null +++ b/src/components/inquiry/inquirylist/InquiryForm.tsx @@ -0,0 +1,15 @@ +export default function InquiryForm(){ + return( +
+
+ +
+
+
+ + +
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/inquiry/inquirylist/InquiryTable.tsx b/src/components/inquiry/inquirylist/InquiryTable.tsx new file mode 100644 index 0000000..4ce86f6 --- /dev/null +++ b/src/components/inquiry/inquirylist/InquiryTable.tsx @@ -0,0 +1,63 @@ +export default function InquiryTable(){ + return( +
+
+
+
+ + +
+
+
+ +
+
+
+
合計 98
+ +
+ +
+
+
+ ) +} \ No newline at end of file diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss index e9cec63..ae172eb 100644 --- a/src/styles/components/_sub.scss +++ b/src/styles/components/_sub.scss @@ -144,6 +144,7 @@ } .sale-item-tit{ @include defaultFont($font-s-15, $font-w-500, $font-c); + @include ellipsis(1); margin-bottom: 9px; } .sale-item-customer{ @@ -258,4 +259,74 @@ @include defaultFont($font-s-13, $font-w-400, $font-c); } } +} + +// 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; + } +} +.badge{ + min-width: 60px; + height: 30px; + line-height: 30px; + padding: 0 8px; + border-radius: 60px; + text-align: center; + font-size: $font-s-12; + font-weight: $font-w-500; + &.blue{ + color: #5497E9; + background-color: #ECF5FF; + } + &.orange{ + color: #F86A56; + background-color: #FFEFED; + } + &.block{ + width: 100%; + + } +} +.inquiry-list{ + .inquiry-item{ + padding: 10px 0; + cursor: pointer; + border-bottom: 1px solid #ECECEC; + &:last-child{ + border-bottom: none; + padding-bottom: 0; + } + .inquiry-item-bx{ + position: relative; + padding-right: 70px; + .inquiry-item-category{ + @include defaultFont($font-s-13, $font-w-400, $font-c); + margin-bottom: 5px; + } + .inquiry-item-tit{ + @include defaultFont($font-s-15, $font-w-500, $font-c); + @include ellipsis(1); + margin-bottom: 5px; + } + .inquiry-item-date{ + @include defaultFont($font-s-13, $font-w-400, #A2ABB8); + } + .inquiry-badge{ + position: absolute; + top: 0; + right: 0; + } + } + } } \ No newline at end of file