From 06e15a6ca4abb003b15b179edf7fd2c8296ec155 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?=
 <43837214+Minsiki@users.noreply.github.com>
Date: Thu, 13 Feb 2025 14:40:16 +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=EA=B0=81=EB=8F=84,=20=EA=B2=BD?=
 =?UTF-8?q?=EC=82=AC=20=EC=9E=85=EB=A0=A5=20=ED=95=84=EB=93=9C=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../placementShape/PlacementShapeSetting.jsx  | 43 +++++++++++++------
 src/styles/_modal.scss                        | 11 +++++
 2 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx b/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
index 5439b303..c8efb5cb 100644
--- a/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
+++ b/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
@@ -228,19 +228,38 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, set
                 <tr>
                   <th>{getMessage('modal.placement.initial.setting.roof.angle.setting')}</th>
                   <td>
-                    <div className="pop-form-radio">
+                    <div className="pop-form-radio place">
                       {currentRoof &&
-                        roofAngleSetArray.map((item) => (
-                          <div className="d-check-radio pop" key={item.id}>
-                            <input
-                              type="radio"
-                              id={item.id}
-                              name={item.name}
-                              value={item.value}
-                              checked={currentRoof?.roofAngleSet === item.value}
-                              onChange={(e) => setCurrentRoof({ ...currentRoof, roofAngleSet: e.target.value })}
-                            />
-                            <label htmlFor={item.id}>{getMessage(item.message)}</label>
+                        roofAngleSetArray.map((item, index) => (
+                          <div className="outline-form">
+                            <span>
+                              <div className="d-check-radio pop" key={item.id}>
+                                <input
+                                  type="radio"
+                                  id={item.id}
+                                  name={item.name}
+                                  value={item.value}
+                                  checked={currentRoof?.roofAngleSet === item.value}
+                                  onChange={(e) => setCurrentRoof({ ...currentRoof, roofAngleSet: e.target.value })}
+                                />
+                                <label htmlFor={item.id}>{getMessage(item.message)}</label>
+                              </div>
+                            </span>
+                            <div className="input-grid mr5">
+                              <input
+                                type="number"
+                                className="input-origin block"
+                                defaultValue={4}
+                                readOnly={currentRoof?.roofAngleSet !== item.value}
+                                value={index === 0 ? currentRoof?.pitch : currentRoof?.angle}
+                                onChange={(e) =>
+                                  index === 0
+                                    ? setCurrentRoof({ ...currentRoof, pitch: e.target.value })
+                                    : setCurrentRoof({ ...currentRoof, angle: e.target.value })
+                                }
+                              />
+                            </div>
+                            <span className="thin">{index === 0 ? '寸' : '度'}</span>
                           </div>
                         ))}
                     </div>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index bbdf38f8..95db2ea7 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -523,6 +523,17 @@ $alert-color: #101010;
     display: flex;
     align-items: center;
     gap: 10px;
+    &.place{
+        gap: 15px;
+        .outline-form{
+            span{
+                width: fit-content;
+            }
+            .input-grid{
+                width: 80px;
+            }
+        }
+    }
 }
 .placement-option{
     display: flex;