물건번호 x버튼 추가

This commit is contained in:
김창수 2024-10-23 09:58:39 +09:00
parent 76f1d99f9a
commit 652bb6beba
5 changed files with 40 additions and 5 deletions

View File

@ -0,0 +1,5 @@
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="1" width="14" height="14" rx="7" fill="white"/>
<rect x="0.5" y="1" width="14" height="14" rx="7" stroke="#94A0AD"/>
<path d="M9.741 11.059L7.509 8.827L5.277 11.059L4.512 10.294L6.744 8.062L4.512 5.83L5.277 5.065L7.509 7.297L9.741 5.065L10.506 5.83L8.274 8.062L10.506 10.294L9.741 11.059Z" fill="#94A0AD"/>
</svg>

After

Width:  |  Height:  |  Size: 427 B

View File

@ -47,7 +47,7 @@ export default function NewProductPage(){
{/* <FindAddressPop/> */}
{/* 설계의뢰 불러오기 팝업 */}
<DesignRequestPop/>
{/* <DesignRequestPop/> */}
</div>
)
}

View File

@ -13,8 +13,9 @@ export default function NewProductTable(){
<th>設計依頼No.</th>
<td>
<div className="flx-box">
<div className="input-wrap mr5" style={{width : '200px'}}>
<input type="text" className="input-light" defaultValue='1000000002' readOnly/>
<div className="product-input-wrap mr5">
<input type="text" className="product-input" defaultValue='1000000002' readOnly/>
<button className="product-delete"></button>
</div>
<button className="btn-origin grey">設計依頼のインポート</button>
</div>

View File

@ -51,8 +51,9 @@ export default function ProductInfoTable(){
<th>設計依頼No.</th>
<td>
<div className="flx-box">
<div className="input-wrap mr5" style={{width : '200px'}}>
<input type="text" className="input-light" defaultValue='1000000002' readOnly/>
<div className="product-input-wrap mr5">
<input type="text" className="product-input" defaultValue='1000000002' readOnly/>
<button className="product-delete"></button>
</div>
<button className="btn-origin grey">設計依頼のインポート</button>
</div>

View File

@ -1254,4 +1254,32 @@
font-size: 16px;
font-weight: 500;
color: #344356;
}
//신규물건 등록
.product-input-wrap{
display: flex;
align-items: center;
width: 200px;
height: 30px;
background-color: #FAFAFA;
border: 1px solid #EEE;
padding: 0 10px;
input{
font-size: 13px;
font-weight: 400;
color: #999999;
padding: 0;
height: 100%;
flex: 1 ;
background-color: inherit;
}
.product-delete{
flex: none;
display: block;
width: 15px;
height: 100%;
background: url(../../public/static/images/sub/product-del.svg)no-repeat center;
background-size: 15px 15px;
}
}