From db25693da11e18d15acd9032c1245967656ec374 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: Thu, 12 Sep 2024 11:19:28 +0900
Subject: [PATCH] =?UTF-8?q?main=20=EB=B0=8F=20canvas=EB=A9=94=EB=89=B4=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/canvas/CanvasMenu.jsx | 14 +++++++-------
 src/styles/_contents.scss            | 13 +++++++++++--
 src/styles/_main.scss                |  4 ++++
 src/styles/publishpage.scss          |  2 +-
 4 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/components/canvas/CanvasMenu.jsx b/src/components/canvas/CanvasMenu.jsx
index e9631a9..5e0688c 100644
--- a/src/components/canvas/CanvasMenu.jsx
+++ b/src/components/canvas/CanvasMenu.jsx
@@ -83,33 +83,33 @@ export default function CanvasMenu() {
                             <div className="ico-btn-from">
                                 <button className="btn-frame gray ico-flx act">
                                     <span className="ico ico01"></span>
-                                    <span>屋根面の割り当て</span>
+                                    <span className="name">屋根面の割り当て</span>
                                 </button>
                                 <button className="btn-frame gray ico-flx">
                                     <span className="ico ico02"></span>
-                                    <span>保存</span>
+                                    <span className="name">保存</span>
                                 </button>
                                 <button className="btn-frame gray ico-flx">
                                     <span className="ico ico03"></span>
-                                    <span>初期化 </span>
+                                    <span className="name">初期化 </span>
                                 </button>
                                 <button className="btn-frame gray ico-flx">
                                     <span className="ico ico04"></span>
-                                    <span>コピー</span>
+                                    <span className="name">コピー</span>
                                 </button>
                             </div>
                         </>
                     }
                     {(menuNumber === 6) && 
                         <>
-                            <div className="ico-btn-from">
+                            <div className="ico-btn-from form06">
                                 <button className="btn-frame gray ico-flx">
                                     <span className="ico ico01"></span>
-                                    <span>Excel</span>
+                                    <span className="name">Excel</span>
                                 </button>
                                 <button className="btn-frame gray ico-flx">
                                     <span className="ico ico01"></span>
-                                    <span>PDF</span>
+                                    <span className="name">PDF</span>
                                 </button>
                             </div>
                         </>
diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss
index 58ce4b0..a508748 100644
--- a/src/styles/_contents.scss
+++ b/src/styles/_contents.scss
@@ -118,8 +118,8 @@
                 button{
                     .ico{
                         display: block;
-                        width: 14px;
-                        height: 14px;
+                        width: 15px;
+                        height: 15px;
                         background-repeat: no-repeat;
                         background-position: center;
                         background-size: contain;
@@ -128,6 +128,15 @@
                         &.ico03{background-image: url(../../public/static/images/canvas/ico-flx03.svg);}
                         &.ico04{background-image: url(../../public/static/images/canvas/ico-flx04.svg);}
                     }
+                    .name{
+                        font-size: 12px;
+                        color: #fff;
+                    }
+                }
+                &.form06{
+                    .name{
+                        font-size: 13px;
+                    }
                 }
             }
             .vertical-horizontal{
diff --git a/src/styles/_main.scss b/src/styles/_main.scss
index a79fe02..29bdec1 100644
--- a/src/styles/_main.scss
+++ b/src/styles/_main.scss
@@ -302,6 +302,7 @@
                         border-radius: 4px;
                         background-color: #697C8F;
                         margin-bottom: 5px;
+                        transition: background .17s ease-in-out;
                         span{
                             position: relative;
                             display: block;
@@ -324,6 +325,9 @@
                         &:last-child{
                             margin-bottom: 0;
                         }
+                        &:hover{
+                            background-color: #859eb6;
+                        }
                     }
                 }
                 .contact-info-list{
diff --git a/src/styles/publishpage.scss b/src/styles/publishpage.scss
index 0b69f65..941b29d 100644
--- a/src/styles/publishpage.scss
+++ b/src/styles/publishpage.scss
@@ -7,7 +7,7 @@ table { margin-bottom: 150px; border-collapse: collapse; border-spacing: 0; }
 #g_body { padding: 0 30px; }
 .guide_table { width: 100%;border-top:1px solid #424242;table-layout: auto;}
 .guide_table thead th { background: #f1f1f1; text-align: center; padding:20px 3px;border:1px solid #dadada;border-top:1px solid #424242;font-size:15px;font-weight: 600; font-family:'Pretendard', 돋움, Sans-Serif;}
-.guide_table tbody td { padding:12px 3px; border: solid 1px #dadada;text-align:left;font-size:13px; font-family:'Pretendard', 돋움, Sans-Serif;}
+.guide_table tbody td { padding:12px 3px; vertical-align: middle; border: solid 1px #dadada;text-align:left;font-size:13px; font-family:'Pretendard', 돋움, Sans-Serif;}
 .t-center{text-align:center!important;}	
 .contents h3{font-size: 16px; margin: 10px 0;}
 .red { color: #ff0000;}