qcast3/qcast-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

main 및 canvas메뉴 수정

Browse Source
This commit is contained in:
김창수 2024-09-12 11:19:28 +09:00
parent 7ed18ffc7d
commit db25693da1
4 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/canvas/CanvasMenu.jsx
View File

@ -83,33 +83,33 @@ export default function CanvasMenu() {
<div className="ico-btn-from"> <div className="ico-btn-from">
<button className="btn-frame gray ico-flx act"> <button className="btn-frame gray ico-flx act">
<span className="ico ico01"></span> <span className="ico ico01"></span>
<span>屋根面の割り当て</span> <span className="name">屋根面の割り当て</span>
</button> </button>
<button className="btn-frame gray ico-flx"> <button className="btn-frame gray ico-flx">
<span className="ico ico02"></span> <span className="ico ico02"></span>
<span>保存</span> <span className="name">保存</span>
</button> </button>
<button className="btn-frame gray ico-flx"> <button className="btn-frame gray ico-flx">
<span className="ico ico03"></span> <span className="ico ico03"></span>
<span>初期化 </span> <span className="name">初期化 </span>
</button> </button>
<button className="btn-frame gray ico-flx"> <button className="btn-frame gray ico-flx">
<span className="ico ico04"></span> <span className="ico ico04"></span>
<span>コピー</span> <span className="name">コピー</span>
</button> </button>
</div> </div>
</> </>
} }
{(menuNumber === 6) && {(menuNumber === 6) &&
<> <>
<div className="ico-btn-from"> <div className="ico-btn-from form06">
<button className="btn-frame gray ico-flx"> <button className="btn-frame gray ico-flx">
<span className="ico ico01"></span> <span className="ico ico01"></span>
<span>Excel</span> <span className="name">Excel</span>
</button> </button>
<button className="btn-frame gray ico-flx"> <button className="btn-frame gray ico-flx">
<span className="ico ico01"></span> <span className="ico ico01"></span>
<span>PDF</span> <span className="name">PDF</span>
</button> </button>
</div> </div>
</> </>

13
src/styles/_contents.scss
View File

@ -118,8 +118,8 @@
button{ button{
.ico{ .ico{
display: block; display: block;
width: 14px; width: 15px;
height: 14px; height: 15px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: contain; background-size: contain;
@ -128,6 +128,15 @@
&.ico03{background-image: url(../../public/static/images/canvas/ico-flx03.svg);} &.ico03{background-image: url(../../public/static/images/canvas/ico-flx03.svg);}
&.ico04{background-image: url(../../public/static/images/canvas/ico-flx04.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{ .vertical-horizontal{

4
src/styles/_main.scss
View File

@ -302,6 +302,7 @@
border-radius: 4px; border-radius: 4px;
background-color: #697C8F; background-color: #697C8F;
margin-bottom: 5px; margin-bottom: 5px;
transition: background .17s ease-in-out;
span{ span{
position: relative; position: relative;
display: block; display: block;
@ -324,6 +325,9 @@
&:last-child{ &:last-child{
margin-bottom: 0; margin-bottom: 0;
} }
&:hover{
background-color: #859eb6;
}
} }
} }
.contact-info-list{ .contact-info-list{

2
src/styles/publishpage.scss
View File

@ -7,7 +7,7 @@ table { margin-bottom: 150px; border-collapse: collapse; border-spacing: 0; }
#g_body { padding: 0 30px; } #g_body { padding: 0 30px; }
.guide_table { width: 100%;border-top:1px solid #424242;table-layout: auto;} .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 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;} .t-center{text-align:center!important;}
.contents h3{font-size: 16px; margin: 10px 0;} .contents h3{font-size: 16px; margin: 10px 0;}
.red { color: #ff0000;} .red { color: #ff0000;}