팝업 공통 양 사이드 바 추가

src/app/canvas/page.jsx

@@ -103,7 +103,7 @@ export default function CanvasPage() {
                     {/* {modalOption.outerwall && <OuterLineWall/>} */}
 
                     {/* 외벽선 속성 설정 */}
-                    {/* <PropertiesSetting/> */}
+                    <PropertiesSetting/>
 
                     {/* 지붕형상 설정 */}
                     {/* <RoofShapeOption/> */}

src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx

@@ -18,6 +18,8 @@ export default function PlacementSettingPop(){
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                    <div className="left-bar handle"></div>
+                    <div className="right-bar handle"></div>
                     <div className="placement-table">
                         <table>
                             <colgroup>

src/components/canvas/modal/propertiessetting/PropertiesSetting.jsx

@@ -9,6 +9,8 @@ export default function PropertiesSetting() {
                     <button className="modal-close">닫기</button>
                 </div>
                 <div className="modal-body">
+                    <div className="left-bar handle"></div>
+                    <div className="right-bar handle"></div>
                     <div className="properties-guide">
                         ※属性を変更する外壁線を選択し、軒で設定またはケラバで設定 ボタンをクリックして設定値を適用します。
                     </div>

src/components/publishpage/PublishPage.jsx

@@ -263,6 +263,7 @@ export default function PublishPage() {
                   <ul>
                     <li>2025-02-13</li>
                     <li>*배치면 초기설정 지붕 각도 설정 수정</li>
+                    <li>*팝업 공통 양 사이드바 추가</li>
                   </ul>
                 </td>
                 <td className="t-center">2024-10-28</td>

src/styles/_modal.scss

@@ -142,8 +142,28 @@ $alert-color: #101010;
         background: url(../../public/static/images/canvas/modal_close.svg)no-repeat center;
     }
 }
+
 .modal-body{
+    position: relative;
     padding: 24px;
+    .left-bar{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 5px;
+        height: 100%;
+        background-color: #000;
+        cursor: pointer;
+    }
+    .right-bar{
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 5px;
+        height: 100%;
+        background-color: #000;
+        cursor: pointer;
+    }
     .modal-btn-wrap{
         display: flex;
         align-items: center;
@@ -524,7 +544,7 @@ $alert-color: #101010;
     align-items: center;
     gap: 10px;
     &.place{
-        gap: 15px;
+        gap: 33px;
         .outline-form{
             span{
                 width: fit-content;