초소형 모바일 및 데이터 없음 표시

src/app/sale/saledetail/page.tsx

@@ -13,8 +13,8 @@ export default function SaleDetailPage(){
           <div className="sale-detail-tab-relative">
             <div className="sale-detail-tab-wrap">
               <div className="sale-detail-tab-inner">
-                <button className="sale-detail-tab">基本情報</button>
+                <button className="sale-detail-tab act">基本情報</button>
-                <button className="sale-detail-tab act">電気 / 屋根情報</button>
+                <button className="sale-detail-tab ">電気 / 屋根情報</button>
               </div>
             </div>
           </div>

src/components/inquiry/inquirylist/InquiryListTable.tsx

@@ -53,6 +53,11 @@ export default function InquiryListTable(){
               <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">もっと見る<i className="btn-edit"></i></button>

src/components/sale/saledefault/SaleZipCodePop.tsx

@@ -60,6 +60,11 @@ export default function SaleZipCodePop() {
                       <td>浜松</td>
                       <td>浜松町</td>
                     </tr>
+                    <tr>
+                      <td className="al-c" colSpan={3}>
+                        <div className="nodata">조회된 데이터가 없습니다.</div>
+                      </td>
+                    </tr>
                   </tbody>
                 </table>
                 <div className="btn-flex-wrap">

src/components/sale/salelist/SaleListTable.tsx

@@ -18,6 +18,11 @@ export default function SaleListTable(){
             </div>
           </li>
         ))}
+        <li className="sale-list-item">
+          <div className="sale-item-bx nodata">
+            <div className="sale-item-nodata">조회된 데이터가 없습니다</div>
+          </div>
+        </li>
       </ul>
       <div className="sale-edit-btn">
         <button className="btn-frame n-blue icon">もっと見る<i className="btn-edit"></i></button>

src/styles/components/_login.scss

@@ -16,4 +16,10 @@
       margin-top: 24px;
     }
   }
+}
+
+@media screen and (max-width: 360px){
+  .login-contents{
+    padding: 70px 34px 0;
+  }
 }

src/styles/components/_main.scss

@@ -88,4 +88,12 @@
       }
     }
   }
+}
+
+@media screen and (max-width: 360px){
+  .main-grid-wrap{
+    .main-grid-bx{
+      padding: 40px 20px 20px;
+    }
+  } 
 }

src/styles/components/_sub.scss

@@ -181,6 +181,13 @@
       padding-left: 6px;
     }
   }
+  &.nodata{
+    .sale-item-nodata{
+      padding: 5px 0;
+      text-align: center;
+      @include defaultFont($font-s-15, $font-w-500, $font-c);
+    }
+  }
 }
 .sale-edit-btn{
   margin-top: 24px;
@@ -339,6 +346,14 @@
         top: 0;
         right: 0;
       }
+      &.nodata{
+        padding-right: 0;
+        .inquiry-item-nodata{
+          padding: 10px 0;
+          text-align: center;
+          @include defaultFont($font-s-15, $font-w-500, $font-c);
+        }
+      }
     }
   }
 }
@@ -364,9 +379,12 @@
       @include flex(0px);
       align-items: center;
       .file-item-name{
+        @include ellipsis(1);
         @include defaultFont($font-s-13, $font-w-400, $font-c);
+        padding-right: 10px;
       }
       .file-del{
+        flex: none;
         display: block;
         margin-left: auto;
         width: 16px;
@@ -442,4 +460,16 @@
   .pw-guide-txt{
     @include defaultFont($font-s-13, $font-w-400, #417DDC);
   }
+}
+
+@media screen and (max-width: 360px){
+  .btn-flex-wrap{
+    flex-direction: column;
+  }
+  .data-check-wrap{
+    .radio-form-box,
+    .check-form-box{
+      width: 100%;
+    }
+  }
 }