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

동선이동 팝업 UI 수정

Browse Source
This commit is contained in:
김창수 2025-05-26 13:30:30 +09:00
parent bb45254a54
commit 06b351892c
6 changed files with 71 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -100,7 +100,7 @@ export default function CanvasPage() {
{/* {modalOption.gridmove && <GridMove/>} */}
{/* 외벽선 그리기 */}
{modalOption.outerwall && <OuterLineWall/>}
{/* {modalOption.outerwall && <OuterLineWall/>} */}
{/* 외벽선 속성 설정 */}
{/* <PropertiesSetting/> */}
@ -118,7 +118,7 @@ export default function CanvasPage() {
{/* <EvaseKerabaOption/> */}
{/* 동선이동∙형 올림 내림 */}
{/* <MovingUpDonw/> */}
<MovingUpDonw/>
{/* 외벽선 편집 및 오프셋 */}
{/* <OuterWallOffset/> */}

44
src/components/canvas/modal/movingupdown/MovingTab01.jsx
View File

@ -5,35 +5,31 @@ export default function MovingTab01(){
<>
<div className="outline-wrap">
<div className="guide">
家屋などの壁に面する屋根を作成します。
棟線を選択し、 移動幅を指定してください。
</div>
<div className="eaves-keraba-table">
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra01" />
<label htmlFor="ra01">高さ変更：下、左</label>
</div>
<div className="outline-form">
<span>位置値</span>
<div className="input-grid mr5">
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="moving-tab-content">
<div className="moving-tab-radio-wrap">
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra01" />
<label htmlFor="ra01">高さ変更：下、左</label>
</div>
<div className="eaves-keraba-td">
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra02" />
<label htmlFor="ra02">高さ変更：上、右</label>
</div>
</div>
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra02" />
<label htmlFor="ra02">高さ変更：上、右</label>
</div>
</div>
<div className="eaves-keraba-td">
<div className="outline-form">
<div className="input-grid mr5" style={{width: '100px'}}>
<input type="text" className="input-origin block" defaultValue={100}/>
</div>
<span className="thin">mm</span>
</div>
<div className="outline-form">
<span>動き値</span>
<div className="input-grid mr5">
<input type="text" className="input-origin block" defaultValue={100}/>
</div>
<span className="thin">mm</span>
</div>
</div>
</div>

44
src/components/canvas/modal/movingupdown/MovingTab02.jsx
View File

@ -5,35 +5,31 @@ export default function MovingTab02(){
<>
<div className="outline-wrap">
<div className="guide">
を選択して幅を指定してください桁の異なる辺
桁高の違う辺を選択し、 幅を指定してください
</div>
<div className="eaves-keraba-table">
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra01" />
<label htmlFor="ra01">桁を上げる</label>
</div>
<div className="outline-form">
<span>位置値</span>
<div className="input-grid mr5">
<input type="text" className="input-origin block" defaultValue={100} readOnly/>
</div>
</div>
<div className="moving-tab-content">
<div className="moving-tab-radio-wrap">
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra01" />
<label htmlFor="ra01">桁を上げる</label>
</div>
<div className="eaves-keraba-td">
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra02" />
<label htmlFor="ra02">桁数を下げる</label>
</div>
</div>
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
<div className="d-check-radio pop">
<input type="radio" name="radio01" id="ra02" />
<label htmlFor="ra02">桁数を下げる</label>
</div>
</div>
<div className="eaves-keraba-td">
<div className="outline-form">
<div className="input-grid mr5" style={{width: '100px'}}>
<input type="text" className="input-origin block" defaultValue={100}/>
</div>
<span className="thin">mm</span>
</div>
<div className="outline-form">
<span>動き値</span>
<div className="input-grid mr5">
<input type="text" className="input-origin block" defaultValue={100}/>
</div>
<span className="thin">mm</span>
</div>
</div>
</div>

6
src/components/canvas/modal/movingupdown/MovingUpDown.jsx
View File

@ -4,8 +4,8 @@ import MovingTab01 from "./MovingTab01";
import MovingTab02 from "./MovingTab02";
const buttonMenu = [
{id: 1, name: '銅線の移動軒'},
{id: 2, name: '型上げ・降り'},
{id: 1, name: '棟線移動'},
{id: 2, name: '桁上げ・下げ'},
]
export default function MovingUpDonw(){
@ -14,7 +14,7 @@ export default function MovingUpDonw(){
return(
<WithDraggable isShow={true} size={'r'}>
<div className="modal-head handle">
<h1 className="title">軒・ケラバ変更</h1>
<h1 className="title">棟線移動・桁上げ下げ</h1>
<button className="modal-close">닫기</button>
</div>
<div className="modal-body">

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

@ -302,9 +302,13 @@ export default function PublishPage() {
<li>2025-05-08</li>
<li>* 지붕 모듈 팝업 3페이지 테이블 수정</li>
</ul> */}
<ul className='mb10'>
{/* <ul className='mb10'>
<li>2025-05-23</li>
<li>* OuterLineWall.jsx파일 문구 추가</li>
</ul> */}
<ul className='mb10'>
<li>2025-05-26</li>
<li>* 동선이동 팝업 UI변경 및 수정</li>
</ul>
</td>
<td className="t-center">2024-10-28</td>

22
src/styles/_modal.scss
View File

@ -2436,4 +2436,24 @@ $alert-color: #101010;
}
}
}
}
}
// 2025-05-26 동선이동∙형 올림 내림
.moving-tab-radio-wrap{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.moving-tab-content{
padding: 10px;
border: 1px solid #3D3D3D;
margin-top: 15px;
.outline-form{
span{
width: auto;
margin-right: 23px;
}
}
}