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

면 형상 팝업 및 외벽선 오프셋 수정

Browse Source
This commit is contained in:
김창수 2024-10-07 17:32:11 +09:00
parent 8450467c00
commit 611bb52fcc
3 changed files with 29 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -92,7 +92,7 @@ export default function CanvasPage() {
{/* <MovingUpDonw/> */}
{/* 외벽선 편집 및 오프셋 */}
{/* <OuterWallOffset/> */}
<OuterWallOffset/>
{/* 보조선 사이즈, 이동, 복사 */}
{/* <AuxiliarySize/> */}
@ -109,7 +109,7 @@ export default function CanvasPage() {
{/* <ArrangementSetting/> */}
{/* 면형상 배치 */}
{/* <PlaneShapeOption/> */}
<PlaneShapeOption/>
{/* 오브젝트 배치*/}
{/* <ObjectOption/> */}
@ -129,10 +129,10 @@ export default function CanvasPage() {
{/* <DrawingFlow/> */}
{/* 지붕모듈선택 */}
<RoofModuleOption/>
{/* <RoofModuleOption/> */}
{/* 육지붕모듈 선택 */}
<HexagonalRoofOption/>
{/* <HexagonalRoofOption/> */}
</div>
</div>
</div>

50
src/components/canvas/modal/outerwalloffset/OffsetTab02.jsx
View File

@ -6,37 +6,31 @@ export default function OffsetTab02(){
オフセットしたい外壁を選択してください。
</div>
<div className="discrimination-box mb10">
<div className="d-check-radio pop mb10">
<input type="radio" name="radio01" id="ra01" />
<label htmlFor="ra01">1支店</label>
</div>
<div className="padding-form">
<div className="eaves-keraba-table">
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
長さ
</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 className="eaves-keraba-table">
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
長さ
</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>
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
方向 (矢印)
</div>
<div className="eaves-keraba-td">
<div className="outline-form">
<div className="grid-direction">
<button className="direction up"></button>
<button className="direction down act"></button>
<button className="direction left"></button>
<button className="direction right"></button>
</div>
</div>
<div className="eaves-keraba-item">
<div className="eaves-keraba-th">
方向 (矢印)
</div>
<div className="eaves-keraba-td">
<div className="outline-form">
<div className="grid-direction">
<button className="direction up"></button>
<button className="direction down act"></button>
<button className="direction left"></button>
<button className="direction right"></button>
</div>
</div>
</div>

9
src/styles/_modal.scss
View File

@ -836,17 +836,14 @@ $alert-color: #101010;
padding: 8px;
transition: all .15s ease-in-out;
.shape-box{
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
height: 100%;
background-color: #313131;
border-radius: 2px;
img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
&.act,
&:hover{