From 35aa38979b3d76c7fbfb427df130827347e00a79 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: Thu, 27 Feb 2025 13:28:28 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A7=80=EB=B6=95=EC=9E=AC=20=ED=95=A0?=
 =?UTF-8?q?=EB=8B=B9=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

---
 .../canvas/modal/roofallocation/RoofAllocation.jsx          | 3 ++-
 src/styles/_modal.scss                                      | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/canvas/modal/roofallocation/RoofAllocation.jsx b/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
index 862dc42..6e932a7 100644
--- a/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
+++ b/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
@@ -23,9 +23,10 @@ export default function RoofAllocation() {
                         ※配置面初期設定で保存した[基本屋根材]を変更したり、屋根材を追加して割り当てることができます。
                     </div>
                     <div className="allocation-select-wrap">
+                        {/* <span>屋根材の選択</span>
                         <div className="grid-select" >
                             <Qselect title={'瓦53A'} option={SelectOption01}/>
-                        </div>
+                        </div> */}
                         <button className="allocation-edit"><i className="edit-ico"></i>屋根材の追加</button>
                     </div>
                     <div className="grid-option-overflow">
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 6fed7c6..9ec806e 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -904,6 +904,8 @@ $alert-color: #101010;
     .allocation-edit{
         display: flex;
         align-items: center;
+        justify-content: center;
+        width: 100%;
         height: 30px;
         padding: 0 10px;
         margin-left: 5px;
@@ -912,6 +914,7 @@ $alert-color: #101010;
         font-weight: $pop-normal-weight;
         border: 1px solid #484848;
         background-color: #323234;
+        transition: background-color .13s ease-in-out;
         i{
             display: block;
             width: 12px;
@@ -920,6 +923,9 @@ $alert-color: #101010;
             background: url(../../public/static/images/canvas/allocation_edit.svg)no-repeat center;
             background-size: cover;
         }
+        &:hover{
+            background-color: #464545;
+        }
     }
 }