치수선 팝업 수정

src/app/canvas/page.jsx

@@ -187,7 +187,7 @@ export default function CanvasPage() {
 
                     {/* 글꼴 설정, 치수선 설정 */}
                     <FontOption/>
-                    {/* <LineOption/> */}
+                    <LineOption/>
                     {/* <ShapeSizeOption/> */}
 
                     {/* 지붕재 선택 */}

src/components/canvas/modal/font_lineoption/LineOption.jsx

@@ -7,7 +7,7 @@ const SelectOption = [
 export default function LineOption(){
     return(
         <WithDraggable isShow={true}>
-            <div className={`modal-pop-wrap xxxm`}>
+            <div className={`modal-pop-wrap xxm`}>
                 <div className="modal-head">
                     <h1 className="title">寸法線 設定 </h1>
                     <button className="modal-close">닫기</button>
@@ -34,7 +34,7 @@ export default function LineOption(){
                         <div className="form-box">
                             <div className="line-form">
                                 <div className="line-font-box">
-                                    <span className="font" style={{fontSize: "12px", fontWeight: "400"}}>9,999</span>
+                                    <span className="font" style={{fontSize: "72px", fontWeight: "400"}}>9,999</span>
                                     <span className="line" style={{backgroundColor: "#ff0000", borderColor: "#ff0000", height: "1px"}}></span>
                                 </div>
                             </div>

src/styles/_modal.scss

@@ -1655,24 +1655,33 @@ $alert-color: #101010;
 .form-box{
     width: 100%;
     background-color: #fff;
-    padding: 10px 0 20px;
+    padding: 10px 15px 20px;
     .line-form{
         position: relative;
-        width: 102px;
-        height: 40px;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+        min-width: 102px;
+        min-height: 40px;
         margin: 0 auto;
-        border-left: 1px dashed #101010;
-        border-right: 1px dashed #101010;
-        .line-font-box{
+
+        &::before{
+            content: '';
             position: absolute;
-            bottom: -3px;
+            bottom: 0px;
             left: 0;
             width: 100%;
-            text-align: center;
+            height: 40px;
+            border-left: 1px dashed #101010;
+            border-right: 1px dashed #101010;
+        }
+        .line-font-box{
             .font{
                 display: block;
-                padding-bottom: 6px;
+                padding-bottom: 15px;
                 color: #101010;
+                text-align: center;
+                line-height: 1;
             }
             .line{
                 position: relative;
@@ -1687,7 +1696,7 @@ $alert-color: #101010;
                     transform: translateY(-50%) rotate(45deg);
                     left: 1px;
                     width: 9px;
-                    height: 9px;
+                    height:+ 9px;
                     border: 1px solid;
                     border-color: inherit;
                     border-top: none;