From e85cdaeaf619f284785e7b30db1f67991a8a6799 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: Tue, 17 Dec 2024 14:34:39 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B0=B0=EC=B9=98=EB=A9=B4=20=EC=B4=88?=
 =?UTF-8?q?=EA=B8=B0=EC=84=A4=EC=A0=95=20=ED=8C=9D=EC=97=85,=20=EC=A7=80?=
 =?UTF-8?q?=EB=B6=95=EB=A9=B4=20=EC=84=A4=EC=A0=95=20=ED=8C=9D=EC=97=85=20?=
 =?UTF-8?q?=EC=82=AC=EC=9D=B4=EC=A6=88=20=EC=9E=AC=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../placementsetting/PlacementSettingPop.jsx      | 10 +++++-----
 .../modal/roofallocation/RoofAllocation.jsx       | 15 ++++++++++-----
 src/styles/_modal.scss                            |  3 +++
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx b/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
index d5380cb..a2d9bf1 100644
--- a/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
+++ b/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
@@ -12,7 +12,7 @@ const SelectOption04 = [
 export default function PlacementSettingPop(){
     return(
         <WithDraggable isShow={true}>
-            <div className={`modal-pop-wrap l`}>
+            <div className={`modal-pop-wrap ll`}>
                 <div className="modal-head">
                     <h1 className="title">配置面初期設定</h1>
                     <button className="modal-close">닫기</button>
@@ -94,8 +94,8 @@ export default function PlacementSettingPop(){
                                             </div>
                                             <div className="flex-ment">
                                                 <span>垂木の間隔</span>
-                                                <div className="grid-select no-flx right" style={{width: '84px'}}>
-                                                    <Qselect title={'455'} option={SelectOption04}/>
+                                                <div className="grid-select no-flx" style={{width: '160px'}}>
+                                                    <Qselect title={'세로 455mm이하'} option={SelectOption04}/>
                                                 </div>
                                             </div>
                                         </div>
@@ -114,7 +114,7 @@ export default function PlacementSettingPop(){
                                             </div>
                                             <div className="flex-ment">
                                                 <span>垂木の間隔</span>
-                                                <div className="grid-select no-flx right" style={{width: '84px'}}>
+                                                <div className="grid-select no-flx right" style={{width: '160px'}}>
                                                     <Qselect title={'455'} option={SelectOption04}/>
                                                 </div>
                                             </div>
@@ -146,7 +146,7 @@ export default function PlacementSettingPop(){
                                             </div>
                                             <div className="flex-ment">
                                                 <span>垂木の間隔</span>
-                                                <div className="grid-select no-flx right" style={{width: '84px'}}>
+                                                <div className="grid-select no-flx right" style={{width: '160px'}}>
                                                     <Qselect title={'455'} option={SelectOption04}/>
                                                 </div>
                                             </div>
diff --git a/src/components/canvas/modal/roofallocation/RoofAllocation.jsx b/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
index 86357b7..5dfaead 100644
--- a/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
+++ b/src/components/canvas/modal/roofallocation/RoofAllocation.jsx
@@ -5,13 +5,13 @@ const SelectOption01 = [
     {name: '瓦53A',}, {name: '瓦53A'}, {name: '瓦53A'}, {name: '瓦53A'}
 ]
 const SelectOption04 = [
-    {name: '455'}, {name: '455'}, {name: '455'}, {name: '455'}
+    {name: '세로 455mm이하'}, {name: '455'}, {name: '455'}, {name: '455'}
 ]
 
 export default function RoofAllocation() {
     return(
         <WithDraggable isShow={true}>
-            <div className={`modal-pop-wrap ml`}>
+            <div className={`modal-pop-wrap lr`}>
                 <div className="modal-head">
                     <h1 className="title">屋根面の割り当て</h1>
                     <button className="modal-close">닫기</button>
@@ -55,9 +55,11 @@ export default function RoofAllocation() {
                                             <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                         </div>
                                     </div>
+                                </div>
+                                <div className="block-box">
                                     <div className="flex-ment">
                                         <span>垂木の間隔</span>
-                                        <div className="grid-select" style={{width: '100px'}}>
+                                        <div className="grid-select" style={{width: '178px'}}>
                                             <Qselect title={'455'} option={SelectOption04}/>
                                         </div>
                                     </div>
@@ -97,10 +99,13 @@ export default function RoofAllocation() {
                                             <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                                         </div>
                                     </div>
+                                    
+                                </div>
+                                <div className="block-box">
                                     <div className="flex-ment">
                                         <span>垂木の間隔</span>
-                                        <div className="grid-select" style={{width: '100px'}}>
-                                            <Qselect title={'455'} option={SelectOption04}/>
+                                        <div className="grid-select" style={{width: '178px'}}>
+                                            <Qselect title={'세로 455mm이하'} option={SelectOption04}/>
                                         </div>
                                     </div>
                                 </div>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 3fb4155..2cedb68 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -81,6 +81,9 @@ $alert-color: #101010;
     &.l{
         width: 800px;
     }
+    &.ll{
+        width: 900px;
+    }
     &.mount{
         animation: mountpop .17s ease-in-out forwards;
     }