- 외벽선 설정 팝업 수정

src/components/floor-plan/FloorPlan.jsx

@@ -5,7 +5,7 @@ import SettingModal01 from '@/components/floor-plan/modal/setting01/SettingModal
 import CanvasLayout from '@/components/floor-plan/CanvasLayout'
 import '@/styles/contents.scss'
 import OuterLineWall from '@/components/floor-plan/modal/outerlinesetting/OuterLineWall'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 
 export default function FloorPlan() {
   const [showCanvasSettingModal, setShowCanvasSettingModal] = useState(false)
@@ -25,6 +25,8 @@ export default function FloorPlan() {
     setShowOutlineModal,
   }
 
+  useEffect(() => {}, [showOutlineModal])
+
   return (
     <>
       <div className="canvas-wrap">

src/components/floor-plan/modal/outerlinesetting/OuterLineWall.jsx

@@ -19,7 +19,7 @@ import { QLine } from '@/components/fabric/QLine'
 import { useLine } from '@/hooks/useLine'
 
 export default function OuterLineWall(props) {
-  const { showOutlineModal, setShowOutlineModal } = props
+  const { setShowOutlineModal } = props
   const { getMessage } = useMessage()
   const { addCanvasMouseEventListener, addDocumentEventListener, removeAllDocumentEventListeners } = useEvent()
   const { addLineText, removeLineText } = useLine()
@@ -348,7 +348,7 @@ export default function OuterLineWall(props) {
   }
   return (
     <WithDraggable isShow={true} pos={{ x: 50, y: -1000 + 50 }}>
-      <div className={`modal-pop-wrap ssm ${showOutlineModal ? 'mount' : ''} `}>
+      <div className={`modal-pop-wrap ssm`}>
         <div className="modal-head">
           <h1 className="title">{getMessage('modal.cover.outline.drawing')}</h1>
           <button className="modal-close" onClick={() => setShowOutlineModal(false)}>
@@ -405,7 +405,7 @@ export default function OuterLineWall(props) {
                 </div>
                 <div className="form-input">
                   <label htmlFor="">{getMessage('modal.cover.outline.arrow')}</label>
-                  <input type="text" value={arrow1} className="input-origin block" />
+                  <input type="text" readOnly={true} value={arrow1} className="input-origin block" />
                 </div>
               </div>
             ) : type === OUTER_LINE_TYPE.RIGHT_ANGLE ? (
@@ -425,7 +425,7 @@ export default function OuterLineWall(props) {
                 </div>
                 <div className="form-input">
                   <label htmlFor="">{getMessage('modal.cover.outline.arrow')}</label>
-                  <input type="text" value={arrow1} className="input-origin block" />
+                  <input type="text" readOnly={true} value={arrow1} className="input-origin block" />
                 </div>
                 <div className="form-input">
                   <label htmlFor="">{getMessage('modal.cover.outline.length')}</label>
@@ -442,7 +442,7 @@ export default function OuterLineWall(props) {
                 </div>
                 <div className="form-input">
                   <label htmlFor="">{getMessage('modal.cover.outline.arrow')}</label>
-                  <input type="text" value={arrow2} className="input-origin block" />
+                  <input type="text" readOnly={true} value={arrow2} className="input-origin block" />
                 </div>
               </div>
             ) : (