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-04 15:08:02 +09:00
parent f8ac3bcd80
commit 7757430fbc
3 changed files with 22 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

@ -70,7 +70,7 @@ export default function CanvasPage() {
{/* <ManualRoofShape/> */} {/* <ManualRoofShape/> */}
{/* 보조선 작성 */} {/* 보조선 작성 */}
{/* <AuxiliarylineOption/> */} <AuxiliarylineOption/>
{/* 처마∙케라바 변경 */} {/* 처마∙케라바 변경 */}
{/* <EvaseKerabaOption/> */} {/* <EvaseKerabaOption/> */}
@ -110,7 +110,7 @@ export default function CanvasPage() {
{/* <DistanceMeasurement03/> */} {/* <DistanceMeasurement03/> */}
{/* 각 변 속성 변경 */} {/* 각 변 속성 변경 */}
<EachPropertyChange/> {/* <EachPropertyChange/> */}
</div> </div>
</div> </div>
</div> </div>

69
src/components/canvas/modal/auxiliarylineoprion/AuxiliaryTab04.jsx
View File

@ -1,61 +1,28 @@
import Image from "next/image";
export default function AuxiliaryTab04(){ export default function AuxiliaryTab04(){
return( return(
<> <>
<div className="outline-wrap"> <div className="outline-wrap">
<div className="outline-inner"> <div className="cul-wrap">
<div className="outline-form"> <div className="outline-box">
<span className="mr10">角度</span> <div className="outline-form">
<div className="input-grid" style={{width: '63px'}}> <span className="mr10">角度</span>
<input type="text" className="input-origin block" defaultValue={4}/> <div className="input-grid" style={{width: '63px'}}>
<input type="text" className="input-origin block" defaultValue={4}/>
</div>
<button className="reset-btn"></button>
</div> </div>
<button className="reset-btn"></button> <div className="outline-form">
</div> <span className="mr10">長さ(mm)</span>
</div> <div className="input-grid" style={{width: '63px'}}>
<div className="outline-inner"> <input type="text" className="input-origin block" defaultValue={5000}/>
<div className="outline-form"> </div>
<span className="mr10">長さ(mm)</span> <button className="reset-btn"></button>
<div className="input-grid" style={{width: '63px'}}>
<input type="text" className="input-origin block" defaultValue={5000}/>
</div>
<button className="reset-btn"></button>
</div>
<div className="outline-form">
<span>方向 (矢印)</span>
<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> </div>
</div> <div className="cul-box">
</div> <Image src="/static/images/canvas/outline_cul.svg" alt="react" width={70} height={59} />
<div className="outline-wrap">
<div className="outline-inner">
<div className="outline-form">
<span className="mr10">角度</span>
<div className="input-grid" style={{width: '63px'}}>
<input type="text" className="input-origin block" defaultValue={6}/>
</div>
<button className="reset-btn"></button>
</div>
</div>
<div className="outline-inner">
<div className="outline-form">
<span className="mr10">長さ(mm)</span>
<div className="input-grid" style={{width: '63px'}}>
<input type="text" className="input-origin block" defaultValue={3000}/>
</div>
<button className="reset-btn"></button>
</div>
<div className="outline-form">
<span>方向 (矢印)</span>
<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>
</div> </div>
</div> </div>

4
src/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption.jsx
View File

@ -7,7 +7,7 @@ import AuxiliaryTab04 from "./AuxiliaryTab04";
import AuxiliaryTab05 from "./AuxiliaryTab05"; import AuxiliaryTab05 from "./AuxiliaryTab05";
const buttonMenu = [ const buttonMenu = [
{id: 1, name: 'ランダムライン'}, {id: 1, name: '直線'},
{id: 2, name: '直角'}, {id: 2, name: '直角'},
{id: 3, name: 'イ・グベ'}, {id: 3, name: 'イ・グベ'},
{id: 4, name: '角度'}, {id: 4, name: '角度'},
@ -19,7 +19,7 @@ export default function AuxiliarylineOption(){
return( return(
<WithDraggable isShow={true}> <WithDraggable isShow={true}>
<div className={`modal-pop-wrap sm`}> <div className={`modal-pop-wrap r`}>
<div className="modal-head"> <div className="modal-head">
<h1 className="title">補助線の作成</h1> <h1 className="title">補助線の作成</h1>
<button className="modal-close">닫기</button> <button className="modal-close">닫기</button>