From 773790291fa7b2b0c00f3c1317eda0879c9e27cf 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: Wed, 30 Oct 2024 17:18:57 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B2=AC=EC=84=9D=EC=A0=80=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EC=97=85=EB=A1=9C=EB=93=9C=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/canvas/CanvasEstimate.jsx   |  3 ++-
 src/components/publishpage/PublishPage.jsx | 13 +++++++------
 src/styles/_contents.scss                  | 16 ++++++++++++++++
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/components/canvas/CanvasEstimate.jsx b/src/components/canvas/CanvasEstimate.jsx
index 7eb12c3..83a1b1b 100644
--- a/src/components/canvas/CanvasEstimate.jsx
+++ b/src/components/canvas/CanvasEstimate.jsx
@@ -175,7 +175,8 @@ export default function CanvasEstimate() {
                                         <td>
                                             <div className="drag-file-box">
                                                 <div className="btn-area">
-                                                    <button className="btn-origin grey">ファイル選択</button>
+                                                    <label className="file-upload" htmlFor="img">ファイル選択</label>
+                                                    <input type="file" name="" id="img" style={{display: 'none'}}/>
                                                 </div>
                                                 <div className="drag-file-area">
                                                     <p>Drag file here</p>
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx
index 93dfd19..a354ac4 100644
--- a/src/components/publishpage/PublishPage.jsx
+++ b/src/components/publishpage/PublishPage.jsx
@@ -145,17 +145,18 @@ export default function PublishPage() {
                 <td className='red al-c'>
                   <ul className='mb10'>
                     <li>2024-10-28</li>
-                    <li>canvas-setting pop 수정</li>
-                    <li>이미지 크기조절 pop 추가</li>
+                    <li>*canvas-setting pop 수정</li>
+                    <li>*이미지 크기조절 pop 추가</li>
                   </ul>
                   <ul className='mb10'>
                     <li>2024-10-29</li>
-                    <li>견적서 하단 테이블 변경</li>
-                    <li>배치면 초기 설정 pop 이미지파일 업로드 추가</li>
+                    <li>*견적서 하단 테이블 변경</li>
+                    <li>*배치면 초기 설정 pop 이미지파일 업로드 추가</li>
                   </ul>
                   <ul>
                     <li>2024-10-30</li>
-                    <li>지붕형상설정 pop 변별로 설정 탭 하단 한쪽 흐름 input 추가</li>
+                    <li>*지붕형상설정 pop 변별로 설정 탭 하단 한쪽 흐름 input 추가</li>
+                    <li>*견적서 img 업로드 버튼 수정</li>
                   </ul>
                 </td>
                 <td className="t-center">2024-10-28</td>
@@ -270,7 +271,7 @@ export default function PublishPage() {
                 <td className='red al-c'>
                   <ul>
                     <li>2024-10-30</li>
-                    <li>물건목록 검색 영역 수정</li>
+                    <li>*물건목록 검색 영역 수정</li>
                   </ul>
                 </td>
                 <td className="t-center">2024-09-24</td>
diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss
index 97f69db..4adebc7 100644
--- a/src/styles/_contents.scss
+++ b/src/styles/_contents.scss
@@ -769,6 +769,22 @@
     .btn-area{
         padding-bottom: 15px;
         border-bottom: 1px solid #ECF0F4;
+        .file-upload{
+            display: inline-block;
+            height: 30px;
+            background-color: #94A0AD;
+            padding: 0 10px;
+            border-radius: 2px;
+            font-size: 13px;
+            line-height: 30px;
+            color: #fff;
+            font-weight: 500;
+            cursor: pointer;
+            transition: background .15s ease-in-out;
+            &:hover{
+                background-color: #607F9A;
+            }
+        }
     }
     .drag-file-area{
         position: relative;