From 7a1931356610706d10d8e6032ec1874adc64b497 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: Mon, 21 Oct 2024 14:05:11 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B9=98=EC=88=98=EC=84=A0=20=ED=8C=9D?=
 =?UTF-8?q?=EC=97=85=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/canvas/page.jsx                       |  2 +-
 .../modal/font_lineoption/LineOption.jsx      |  4 +--
 src/styles/_modal.scss                        | 29 ++++++++++++-------
 3 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index 8cce4f9..8ce27d3 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -187,7 +187,7 @@ export default function CanvasPage() {
 
                     {/* 글꼴 설정, 치수선 설정 */}
                     <FontOption/>
-                    {/* <LineOption/> */}
+                    <LineOption/>
                     {/* <ShapeSizeOption/> */}
 
                     {/* 지붕재 선택 */}
diff --git a/src/components/canvas/modal/font_lineoption/LineOption.jsx b/src/components/canvas/modal/font_lineoption/LineOption.jsx
index 4e4bf62..f620e47 100644
--- a/src/components/canvas/modal/font_lineoption/LineOption.jsx
+++ b/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>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 3901ba0..9dc39b6 100644
--- a/src/styles/_modal.scss
+++ b/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;