육지붕 모듈 팝업 2페이지 수정

This commit is contained in:
김창수 2025-03-19 09:25:54 +09:00
parent 9801d4aea8
commit 8911409940
4 changed files with 45 additions and 45 deletions

View File

@ -155,7 +155,7 @@ export default function CanvasPage() {
{/* <EachPropertyChange/> */}
{/* 면 흐름 설정 */}
<DrawingFlow/>
{/* <DrawingFlow/> */}
{/* 지붕모듈선택 */}
<RoofModuleOption/>

View File

@ -2,7 +2,8 @@
export default function HexagonalRoofTab03({setTabNum}){
return(
<>
<div className="module-table-box mb10">
<div className="hexagonal-flex-wrap">
<div className="module-table-box ">
<div className="module-table-inner">
<div className="roof-module-table">
<table>
@ -15,10 +16,6 @@ export default function HexagonalRoofTab03({setTabNum}){
</div>
</th>
<th >モジュール</th>
<th style={{width: '70px'}}>Max単数</th>
<th style={{width: '100px'}}>混合Max単数</th>
<th style={{width: '80px'}}>単数</th>
<th style={{width: '80px'}}>熱水</th>
</tr>
</thead>
<tbody>
@ -35,18 +32,6 @@ export default function HexagonalRoofTab03({setTabNum}){
<span className="name">Re.RISE-G3 440</span>
</div>
</td>
<td className="al-r">00</td>
<td className="al-r">00</td>
<td className="al-r">
<div className="input-grid" >
<input type="text" className="input-origin block" defaultValue={13}/>
</div>
</td>
<td className="al-r">
<div className="input-grid" >
<input type="text" className="input-origin block" defaultValue={13}/>
</div>
</td>
</tr>
<tr>
<td className="al-c">
@ -61,47 +46,46 @@ export default function HexagonalRoofTab03({setTabNum}){
<span className="name">Re.RISE MS-G3 290</span>
</div>
</td>
<td className="al-r">00</td>
<td className="al-r">00</td>
<td className="al-r">
<div className="input-grid" >
<input type="text" className="input-origin block" defaultValue={13}/>
</div>
</td>
<td className="al-r">
<div className="input-grid" >
<input type="text" className="input-origin block" defaultValue={13}/>
</div>
</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div className="module-table-box mb10">
<div className="module-table-box non-flex">
<div className="module-table-inner">
<div className="module-area">
<div className="module-area-title">配置基準の設定</div>
<div className="d-check-radio pop mr15">
<input type="radio" name="radio01" id="ra01" />
<label htmlFor="ra01">南向きに設置す</label>
</div>
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra02" />
<label htmlFor="ra02">指定した辺を基準に設置する</label>
</div>
<div className="roof-module-table">
<table>
<thead>
<tr>
<th>配置基準の設定</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div className="hexagonal-radio-wrap">
<div className="d-check-radio pop mb10">
<input type="radio" name="radio01" id="ra01" />
<label htmlFor="ra01">南向きに設置す</label>
</div>
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra02" />
<label htmlFor="ra02">指定した辺を基準に設置する</label>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
{/* <div className="module-table-box">
<div className="module-table-inner">
<div className="hexagonal-wrap">

View File

@ -289,6 +289,10 @@ export default function PublishPage() {
<li>* 지붕모듈 팝업 육지붕 모듈 팝업 수정</li>
<li>* 캔버스 메뉴 데이터 추가</li>
</ul>
<ul className='mb10'>
<li>2025-03-19</li>
<li>* 육지붕 모듈 팝업 2페이지 수정</li>
</ul>
</td>
<td className="t-center">2024-10-28</td>
</tr>

View File

@ -2371,4 +2371,16 @@ $alert-color: #101010;
margin-left: 10px;
color: #53a7eb;
font-weight: 500;
}
.hexagonal-flex-wrap{
display: flex;
gap: 10px;
.non-flex{
flex: none;
}
}
.hexagonal-radio-wrap{
padding: 17px 10px;
}