From 90cf80b4872ca04a8a4bcfcf8d600b9f9b81ce7c 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: Mon, 24 Feb 2025 16:36:01 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B0=B0=EC=B9=98=EB=A9=B4=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=20=EB=B2=84=ED=8A=BC=20disabled=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/canvas/page.jsx                       |  4 ++--
 .../placementsetting/PlacementSettingPop.jsx  |  4 ++--
 src/styles/_modal.scss                        | 20 +++++++++++++++++++
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index 2a7486f..e4d5089 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -89,7 +89,7 @@ export default function CanvasPage() {
                     {/* <Penal04/> */}
 
                     {/* 배치면 초기 설정 */}
-                    {/* <PlacementSettingPop/> */}
+                    <PlacementSettingPop/>
 
                     {/* 캔버스 기본 셋팅 */}
                     {/* {modalOption.option && <SettingModal01/>} */}
@@ -103,7 +103,7 @@ export default function CanvasPage() {
                     {/* {modalOption.outerwall && <OuterLineWall/>} */}
 
                     {/* 외벽선 속성 설정 */}
-                    <PropertiesSetting/>
+                    {/* <PropertiesSetting/> */}
 
                     {/* 지붕형상 설정 */}
                     {/* <RoofShapeOption/> */}
diff --git a/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx b/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
index 5c5c0af..eb87385 100644
--- a/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
+++ b/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
@@ -172,8 +172,8 @@ export default function PlacementSettingPop(){
 
                                         <div className="placement-roof-btn-wrap">
                                             <div className="icon-btn-wrap mt10">
-                                                <button className="act">並列式<i className="allocation01"></i></button>
-                                                <button>カスケード <i className="allocation02"></i></button>
+                                                <button className="act" disabled>並列式<i className="allocation01"></i></button>
+                                                <button disabled>カスケード <i className="allocation02"></i></button>
                                             </div>
                                         </div>
                                     </td>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index a19aba2..fed29ab 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -995,6 +995,26 @@ $alert-color: #101010;
                 }
             }
         }
+        &:disabled{
+            color: $pop-color;
+            border: 1px solid #646464;
+            background-color: transparent;
+            opacity: 0.5;
+            &.act,
+            &:hover{
+                color: $pop-color;
+                border: 1px solid #646464;
+                background-color: transparent;
+                i{
+                    &.allocation01{
+                        background-image: url(../../public/static/images/canvas/allocation_icon01_white.svg);
+                    }
+                    &.allocation02{
+                        background-image: url(../../public/static/images/canvas/allocation_icon02_white.svg);
+                    }
+                }
+            }
+        }
     }
 }