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

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

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

9
src/styles/_modal.scss
View File

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