qcast3/qcast-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
김창수 2025-01-20 13:30:15 +09:00
parent fd178ef648
commit 8d49f4222f
3 changed files with 24 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/main/MainContents.jsx
View File

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

6
src/components/publishpage/PublishPage.jsx
View File

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

11
src/styles/_main.scss
View File

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