메인페이지 물건목록 영역 말줄임 및 간격 조정

src/components/main/MainContents.jsx

@@ -6,23 +6,23 @@ export default function MainContents() {
         <div className="main-product-list-wrap">
             <div className="main-product-list">
                 <ProductItem num={1} name={'最近の更新物件一覧'}>
-                    {/* <ul className="recently-list">
+                    <ul className="recently-list">
                         {Array.from({length : 3}).map((_, idx) => (
                             <li key={idx} className="recently-item">
                                 <div className="item-inner">
-                                    <span className="time">2024.07.29  10:00:10</span>
-                                    <span>R3305X167240611004</span>
-                                    <span>新津 佑季</span>
-                                    <span>HITエンジニアリング株式会社</span>
+                                    <span className="time">2025.09.29  12:59:59</span>
+                                    <span className="product">R3305X167240611004</span>
+                                    <span>新津 佑季新津 佑季新津 佑季新津 佑季新津 佑季新津 佑季</span>
+                                    <span>HITエンジニアリング株式会社HITエンジニアリング株式会社HITエンジニアリング株式会社HITエンジニアリング株式会社</span>
                                 </div>
                             </li>
                         ))}
-                    </ul> */}
-                    <div className="recently-no-data">
+                    </ul>
+                    {/* <div className="recently-no-data">
                         <h3>登録された商品情報はありません。</h3>
                         <p>下のボタンをクリックして商品情報を登録してください。</p>
                         <button className="btn-origin navy">+ 新規物件登録</button>
-                    </div>
+                    </div> */}
                 </ProductItem>                
                 <ProductItem num={2} name={'お知らせ'}>
                     {/* <div className="notice-box">

src/components/publishpage/PublishPage.jsx

@@ -276,10 +276,14 @@ export default function PublishPage() {
                     <li>2025-01-06</li>
                     <li>*메인페이지 자료다운로드 more 버튼 추가</li>
                   </ul>
-                  <ul>
+                  <ul className='mb10'>
                     <li>2025-01-07</li>
                     <li>*메인페이지 각 영역 데이터 없는 경우 추가</li>
                   </ul>
+                  <ul>
+                    <li>2025-01-20</li>
+                    <li>*메인페이지 물건목록 구역역 간격 및 말줄임 추가</li>
+                  </ul>
                 </td>
                 <td className="t-center">2024-10-10</td>
               </tr>

src/styles/_main.scss

@@ -167,13 +167,20 @@
                             display: flex;
                             align-items: center;
                             span{
+                                width: 0;
+                                flex: 1;
                                 position: relative;
                                 display: block;
                                 font-size: 13px;
                                 color: #101010;
                                 font-weight: 400;
                                 padding: 0 10px;
+                                white-space: nowrap;
+                                text-overflow: ellipsis;
+                                overflow: hidden;
                                 &.time{
+                                    flex: none;
+                                    width: 160px;
                                     padding-left: 22px;
                                     &::before{
                                         content: '';
@@ -187,6 +194,10 @@
                                         background-size: cover;
                                     }
                                 }
+                                &.product{
+                                    flex: none;
+                                    width: 160px;
+                                }
                                 &:after{
                                     content: '';
                                     position: absolute;