From 7757430fbcb8254182df86eb921df22b29c78472 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Fri, 4 Oct 2024 15:08:02 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B3=B4=EC=A1=B0=EC=84=A0=20=EC=9E=91?=
 =?UTF-8?q?=EC=84=B1=20=ED=8C=9D=EC=97=85=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/canvas/page.jsx                       |  4 +-
 .../auxiliarylineoprion/AuxiliaryTab04.jsx    | 69 +++++--------------
 .../AuxiliarylineOption.jsx                   |  4 +-
 3 files changed, 22 insertions(+), 55 deletions(-)

diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index 535051c..0160ca6 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -70,7 +70,7 @@ export default function CanvasPage() {
                     {/* <ManualRoofShape/> */}
 
                     {/* 보조선 작성 */}
-                    {/* <AuxiliarylineOption/> */}
+                    <AuxiliarylineOption/>
 
                     {/* 처마∙케라바 변경 */}
                     {/* <EvaseKerabaOption/> */}
@@ -110,7 +110,7 @@ export default function CanvasPage() {
                     {/* <DistanceMeasurement03/> */}
 
                     {/* 각 변 속성 변경 */}
-                    <EachPropertyChange/>
+                    {/* <EachPropertyChange/> */}
                 </div>
             </div>
         </div>
diff --git a/src/components/canvas/modal/auxiliarylineoprion/AuxiliaryTab04.jsx b/src/components/canvas/modal/auxiliarylineoprion/AuxiliaryTab04.jsx
index 2bf3313..225cab1 100644
--- a/src/components/canvas/modal/auxiliarylineoprion/AuxiliaryTab04.jsx
+++ b/src/components/canvas/modal/auxiliarylineoprion/AuxiliaryTab04.jsx
@@ -1,61 +1,28 @@
+import Image from "next/image";
+
 export default function AuxiliaryTab04(){
     return(
         <>
             <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={4}/>
+                <div className="cul-wrap">
+                    <div className="outline-box">
+                        <div className="outline-form">
+                            <span className="mr10">角度</span>
+                            <div className="input-grid" style={{width: '63px'}}>
+                                <input type="text" className="input-origin block" defaultValue={4}/>
+                            </div>
+                            <button className="reset-btn"></button>
                         </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={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 className="outline-form">
+                            <span className="mr10">長さ(mm)</span>
+                            <div className="input-grid" style={{width: '63px'}}>
+                                <input type="text" className="input-origin block" defaultValue={5000}/>
+                            </div>
+                            <button className="reset-btn"></button>
                         </div>
                     </div>
-                </div>
-            </div>
-            <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 className="cul-box">
+                        <Image src="/static/images/canvas/outline_cul.svg" alt="react" width={70} height={59} />
                     </div>
                 </div>
             </div>
diff --git a/src/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption.jsx b/src/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption.jsx
index 2dcfcb6..398715a 100644
--- a/src/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption.jsx
+++ b/src/components/canvas/modal/auxiliarylineoprion/AuxiliarylineOption.jsx
@@ -7,7 +7,7 @@ import AuxiliaryTab04 from "./AuxiliaryTab04";
 import AuxiliaryTab05 from "./AuxiliaryTab05";
 
 const buttonMenu = [
-    {id: 1, name: 'ランダムライン'},
+    {id: 1, name: '直線'},
     {id: 2, name: '直角'},
     {id: 3, name: 'イ・グベ'},
     {id: 4, name: '角度'},
@@ -19,7 +19,7 @@ export default function AuxiliarylineOption(){
 
     return(
         <WithDraggable isShow={true}>
-            <div className={`modal-pop-wrap sm`}>
+            <div className={`modal-pop-wrap r`}>
                 <div className="modal-head">
                 <h1 className="title">補助線の作成</h1>
                     <button className="modal-close">닫기</button>