동선이동 팝업 UI 수정

src/app/canvas/page.jsx

@@ -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/> */}

src/components/canvas/modal/movingupdown/MovingTab01.jsx

@@ -5,38 +5,34 @@ export default function MovingTab01(){
         <>
             <div className="outline-wrap">
                 <div className="guide">
-                    家屋などの壁に面する屋根を作成します。
+                    棟線を選択し、 移動幅を指定してください。
                 </div>
-                <div className="eaves-keraba-table">
+                <div className="outline-form">
-                    <div className="eaves-keraba-item">
+                    <span>位置値</span>
-                        <div className="eaves-keraba-th">
+                    <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>
-                        <div className="eaves-keraba-td">
-                            
-                        </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'}}>
+                        <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>
-                </div>
-            </div>
         </>
     )
 }

src/components/canvas/modal/movingupdown/MovingTab02.jsx

@@ -5,38 +5,34 @@ export default function MovingTab02(){
         <>
             <div className="outline-wrap">
                 <div className="guide">
-                    を選択して幅を指定してください桁の異なる辺
+                    桁高の違う辺を選択し、 幅を指定してください
                 </div>
-                <div className="eaves-keraba-table">
+                <div className="outline-form">
-                    <div className="eaves-keraba-item">
+                    <span>位置値</span>
-                        <div className="eaves-keraba-th">
+                    <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>
-                        <div className="eaves-keraba-td">
-                            
-                        </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'}}>
+                        <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>
-                </div>
-            </div>
         </>
     )
 }

src/components/canvas/modal/movingupdown/MovingUpDown.jsx

@@ -4,8 +4,8 @@ import MovingTab01 from "./MovingTab01";
 import MovingTab02 from "./MovingTab02";
 
 const buttonMenu = [
-    {id: 1, name: '銅線の移動軒'},
+    {id: 1, name: '棟線移動'},
-    {id: 2, 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">

src/components/publishpage/PublishPage.jsx

@@ -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>

src/styles/_modal.scss

@@ -2437,3 +2437,23 @@ $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;
+        }
+    }
+}