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-05-07 10:00:11 +09:00
parent 0f275434c9
commit 82d102cff3
5 changed files with 77 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/canvas/page.jsx
View File

@ -158,7 +158,7 @@ export default function CanvasPage() {
{/* <DrawingFlow/> */}
{/* 지붕모듈선택 */}
{/* <RoofModuleOption/> */}
<RoofModuleOption/>
{/* 육지붕모듈 선택 */}
{/* <HexagonalRoofOption/> */}

59
src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
View File

@ -110,30 +110,53 @@ export default function RoofModuleOptionTab02({setTabNum}){
</div>
</div>
</div>
<div className="module-area mt10">
{/* 2025-05-07 st */}
<div className="module-input-area">
<div className="module-area-title">モジュール配置領域</div>
<div className="outline-form mr15">
<span>軒側</span>
<div className="input-grid mr10" >
<input type="text" className="input-origin block" defaultValue={13}/>
<div className="module-input-wrap">
<div className="outline-form">
<span>軒側</span>
<div className="input-grid mr10" >
<input type="text" className="input-origin block" defaultValue={13}/>
</div>
<span className="thin">mm</span>
</div>
<span className="thin">mm</span>
</div>
<div className="outline-form mr15">
<span>棟側</span>
<div className="input-grid mr10" >
<input type="text" className="input-origin block" defaultValue={13}/>
<div className="outline-form">
<span>棟側</span>
<div className="input-grid mr10" >
<input type="text" className="input-origin block" defaultValue={13}/>
</div>
<span className="thin">mm</span>
</div>
<span className="thin">mm</span>
</div>
<div className="outline-form mr10">
<span>けらぱ</span>
<div className="input-grid mr10" >
<input type="text" className="input-origin block" defaultValue={13}/>
<div className="outline-form">
<span>けらぱ</span>
<div className="input-grid mr10" >
<input type="text" className="input-origin block" defaultValue={13}/>
</div>
<span className="thin">mm</span>
</div>
<span className="thin">mm</span>
</div>
</div>
<div className="module-input-area">
<div className="module-area-title">モジュール間の間隙</div>
<div className="module-input-wrap">
<div className="outline-form">
<span>左右</span>
<div className="input-grid mr10" >
<input type="text" className="input-origin block" defaultValue={13} readOnly/>
</div>
<span className="thin">mm</span>
</div>
<div className="outline-form">
<span>上下</span>
<div className="input-grid mr10" >
<input type="text" className="input-origin block" defaultValue={13} readOnly/>
</div>
<span className="thin">mm</span>
</div>
</div>
</div>
{/* 2025-05-07 ed */}
</div>
</div>
<div className="module-bottom">

1
src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab03.jsx
View File

@ -237,6 +237,7 @@ export default function RoofModuleOptionTab03({setTabNum}){
<div className="grid-btn-wrap">
<button className="btn-frame modal mr5" onClick={() => setTabNum(2)}>前に戻る</button>
<button className="btn-frame modal mr5">単数指定配置</button>
<button className="btn-frame modal mr5">段·列数指定自動配置</button>
<button className="btn-frame modal mr5">手動配置</button>
<button className="btn-frame modal act">自動配置</button>
</div>

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

@ -280,7 +280,7 @@ export default function PublishPage() {
<li>2025-03-13</li>
<li>* popup spinner 추가</li>
</ul> */}
<ul className='mb10'>
{/* <ul className='mb10'>
<li>2025-03-14</li>
<li>* 회로설정 팝업 마지막 셀렉트 추가</li>
</ul>
@ -292,6 +292,11 @@ export default function PublishPage() {
<ul className='mb10'>
<li>2025-03-19</li>
<li>* 육지붕 모듈 팝업 2페이지 수정</li>
</ul> */}
<ul className='mb10'>
<li>2025-05-07</li>
<li>* 지붕 모듈 팝업 2페이지 상하좌우 입력 추가</li>
<li>* 지붕 모듈 팝업 3페이지 버튼</li>
</ul>
</td>
<td className="t-center">2024-10-28</td>

42
src/styles/_modal.scss
View File

@ -2363,20 +2363,6 @@ $alert-color: #101010;
}
}
.module-area{
display: flex;
align-items: center;
.module-area-title{
flex: none;
font-size: 12px;
color: #fff;
font-weight: 500;
margin-right: 20px;
}
.outline-form{
flex: 1;
}
}
.placement-name-guide{
font-size: 11px;
@ -2422,4 +2408,32 @@ $alert-color: #101010;
overflow: hidden;
height: 0;
}
}
// 2025-05-07 지붕모듈
.module-input-area{
display: flex;
align-items: center;
margin-top: 10px;
.module-area-title{
flex: none;
font-size: 12px;
color: #fff;
font-weight: 500;
margin-right: 20px;
}
.module-input-wrap{
width: 100%;
display: flex;
.outline-form{
width: calc(33.333% - 10px);
margin-right: 15px;
&:last-child{
margin-right: 0;
}
.input-grid{
width: 100%;
}
}
}
}