Merge pull request '[1:1 문의] 퍼블 수정' (#34) from feature/pub into dev

Reviewed-on: #34

src/components/inquiry/Answer.tsx

@@ -11,7 +11,7 @@ export default function Answer() {
           </div>
         </div>
         <div className="inquiry-detail-data">
-          <div className="inquiry-detail-category">回答</div>
+          <div className="inquiry-answer-tit">回答</div>
           <div className="inquiry-detail-txt">
             一次側接続は, 自動切替開閉器と住宅分電盤昼間遮断器との間に蓄電システム遮断器を配線する方法です. 二次側接続は,
             住宅分電盤週間ブレーカの二次側に蓄電システムブレーカを接続する

src/components/inquiry/Detail.tsx

@@ -7,7 +7,7 @@ export default function Detail() {
   //todo: 답변 완료 표시를 위해 임시로 추가 해 놓은 state
   // 추후에 api 작업 완료후 삭제
   // 답변 완료 클래스 & 하단 답변내용 출력도
-  const [inquiry, setInquiry] = useState<Boolean>(false)
+  const [inquiry, setInquiry] = useState<Boolean>(true)
 
   return (
     <>
@@ -31,6 +31,14 @@ export default function Detail() {
                   <th>作者</th>
                   <td>Hong gi</td>
                 </tr>
+                <tr>
+                  <th>名前</th>
+                  <td>Kim</td>
+                </tr>
+                <tr>
+                  <th>番号</th>
+                  <td>070-1234-5678</td>
+                </tr>
                 <tr>
                   <th>販売店</th>
                   <td>interplug</td>
@@ -47,7 +55,11 @@ export default function Detail() {
             </table>
           </div>
           <div className="inquiry-detail-data">
-            <div className="inquiry-detail-category">屋根適合</div>
+            <div className="inquiry-detail-category">
+              <span>屋根</span>
+              <span>適合性</span>
+              <span>屋根材</span>
+            </div>
             <div className="inquiry-detail-tit">屋根材適合性確認依頼</div>
             <div className="inquiry-detail-txt">
               入力した内容が表示されます.

src/components/inquiry/ListTable.tsx

@@ -27,7 +27,11 @@ export default function ListTable() {
           <ul className="inquiry-list">
             <li className="inquiry-item">
               <div className="inquiry-item-bx">
-                <div className="inquiry-item-category">屋根</div>
+                <div className="inquiry-item-category">
+                  <span>屋根</span>
+                  <span>適合性</span>
+                  <span>屋根材</span>
+                </div>
                 <div className="inquiry-item-tit">屋根材適合性確認依頼</div>
                 <div className="inquiry-item-date">2025.04.02</div>
                 <div className="inquiry-badge badge blue">回答待ち</div>
@@ -35,7 +39,11 @@ export default function ListTable() {
             </li>
             <li className="inquiry-item">
               <div className="inquiry-item-bx">
-                <div className="inquiry-item-category">設計</div>
+                <div className="inquiry-item-category">
+                  <span>屋根</span>
+                  <span>適合性</span>
+                  <span>屋根材</span>
+                </div>
                 <div className="inquiry-item-tit">設置可能ですか？</div>
                 <div className="inquiry-item-date">2025.04.02</div>
                 <div className="inquiry-badge badge orange">回答完了</div>
@@ -43,7 +51,11 @@ export default function ListTable() {
             </li>
             <li className="inquiry-item">
               <div className="inquiry-item-bx">
-                <div className="inquiry-item-category">屋根</div>
+                <div className="inquiry-item-category">
+                  <span>屋根</span>
+                  <span>適合性</span>
+                  <span>屋根材</span>
+                </div>
                 <div className="inquiry-item-tit">屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼</div>
                 <div className="inquiry-item-date">2025.04.02</div>
                 <div className="inquiry-badge badge blue">回答待ち</div>
@@ -51,12 +63,21 @@ export default function ListTable() {
             </li>
             <li className="inquiry-item">
               <div className="inquiry-item-bx">
-                <div className="inquiry-item-category">設計</div>
+                <div className="inquiry-item-category">
+                  <span>屋根</span>
+                  <span>適合性</span>
+                  <span>屋根材</span>
+                </div>
                 <div className="inquiry-item-tit">設置可能ですか？</div>
                 <div className="inquiry-item-date">2025.04.02</div>
                 <div className="inquiry-badge badge orange">回答完了</div>
               </div>
             </li>
+            <li className="inquiry-item">
+              <div className="inquiry-item-bx nodata">
+                <div className="inquiry-item-nodata">조회된 데이터가 없습니다</div>
+              </div>
+            </li>
           </ul>
           <div className="sale-edit-btn">
             <button className="btn-frame n-blue icon">

src/components/inquiry/RegistForm.tsx

@@ -17,19 +17,45 @@ export default function RegistForm() {
                 <option value="">屋根適合</option>
               </select>
             </div>
+            <div className="data-input mt5">
+              <select className="select-form" name="" id="">
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+              </select>
+            </div>
+            <div className="data-input mt5">
+              <select className="select-form" name="" id="">
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+              </select>
+            </div>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">
+              名前 <i className="import">*</i>
+            </div>
+            <div className="data-input">
+              <input className="input-frame" type="text" placeholder="名前を書いてください" />
+            </div>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">電話番号</div>
+            <div className="data-input">
+              <input className="input-frame" type="text" placeholder="電話番号を書き留めてください" />
+            </div>
           </div>
           <div className="data-input-form-bx">
             <div className="data-input-form-tit">
               お問い合わせタイトル <i className="import">*</i>
             </div>
             <div className="data-input">
-              <select className="select-form" name="" id="">
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-              </select>
+              <input className="input-frame" type="text" placeholder="お問い合わせタイトルを記入してください" />
             </div>
           </div>
           <div className="data-input-form-bx">