From bc389e3a3c38cca846087cd8c2bbf467ff1c7809 Mon Sep 17 00:00:00 2001
From: ysCha <yscha@interplug.co.kr>
Date: Thu, 19 Mar 2026 17:19:10 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=B5=E3=82=A4=E3=82=BA=E5=A4=89=E6=9B=B4?=
 =?UTF-8?q?=20-=20=EA=B3=84=EC=82=B0=EA=B8=B0=20=ED=86=A0=ED=81=B4?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/floor-plan/modal/object/SizeSetting.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/floor-plan/modal/object/SizeSetting.jsx b/src/components/floor-plan/modal/object/SizeSetting.jsx
index ce3d5fbd..edd5b895 100644
--- a/src/components/floor-plan/modal/object/SizeSetting.jsx
+++ b/src/components/floor-plan/modal/object/SizeSetting.jsx
@@ -1,6 +1,7 @@
 'use client'
 
 import { useRecoilValue } from 'recoil'
+import Image from 'next/image'
 import { useMessage } from '@/hooks/useMessage'
 import WithDraggable from '@/components/common/draggable/WithDraggable'
 import { usePopup } from '@/hooks/usePopup'
@@ -23,6 +24,8 @@ export default function SizeSetting(props) {
   const heightRef = useRef(null)
   const [width, setWidth] = useState(target?.width ? (target.width * 10).toFixed() : 0)
   const [height, setHeight] = useState(target?.height ? (target.height * 10) : 0)
+  const [useCalcPad, setUseCalcPad] = useState(false)
+  const disableKeypad = !useCalcPad
   // const { initEvent } = useEvent()
   // const { initEvent } = useContext(EventContext)
 
@@ -72,6 +75,7 @@ export default function SizeSetting(props) {
                   value={width}
                   ref={widthRef}
                   onChange={(value) => setWidth(value)}
+                  disableKeypad={disableKeypad}
                   options={{
                     allowNegative: false,
                     allowDecimal: false
@@ -99,6 +103,7 @@ export default function SizeSetting(props) {
                     value={height}
                     ref={heightRef}
                     onChange={(value) => setHeight(value)}
+                    disableKeypad={disableKeypad}
                     options={{
                       allowNegative: false,
                       allowDecimal: false
@@ -117,7 +122,10 @@ export default function SizeSetting(props) {
             </div>
           </div>
         </div>
-        <div className="grid-btn-wrap">
+        <div className="grid-btn-wrap" style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: '5px' }}>
+          <button style={{ width: 'auto' }} onClick={() => setUseCalcPad((prev) => !prev)}>
+            <Image src={useCalcPad ? '/static/images/common/Icon_ON_Black.png' : '/static/images/common/Icon_OFF_Black.png'} alt="toggle" width={34} height={34} />
+          </button>
           <button className="btn-frame modal act" onClick={() => handleReSizeObject(id)}>
             {getMessage('write')}
           </button>