wklee
/
HANYANG_MES
forked from HANYANG/HANYANG_MES
1
0
Fork 0
Code Pull Requests Activity

style: 탭 메뉴 스타일 변경 

(현장 작업자 팝업 - 검사 실적 부분)
1. 탭메뉴 스타일 변경
2. 상위 버튼 스타일 변경
3. 닫기 버튼 삭제
This commit is contained in:
sychoi 2024-04-26 18:02:41 +09:00
parent 3b7134ad6b
commit 07a9a4bd79
5 changed files with 53 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
home_dir/www/ksvc/inc/css/scss/common/_common.scss
View File

@ -103,30 +103,30 @@ button {
color: #cf5b5b;
}
}
.run-btn {
border: solid 2px #5b73cf;
color: white;
background-color: #5b73cf;
// .run-btn {
// border: solid 2px #5b73cf;
// color: white;
// background-color: #5b73cf;
border-radius: 3px;
// border-radius: 3px;
&:hover {
background-color: white;
color: #5b73cf;
}
}
.norun-btn {
border: solid 2px #f3da8f;
color: white;
background-color: #f3da8f;
// &:hover {
// background-color: white;
// color: #5b73cf;
// }
// }
// .norun-btn {
// border: solid 2px #f3da8f;
// color: white;
// background-color: #f3da8f;
border-radius: 3px;
// border-radius: 3px;
&:hover {
background-color: white;
color: #f3da8f;
}
}
// &:hover {
// background-color: white;
// color: #f3da8f;
// }
// }
.disabled-btn {
background-color: rgba(255, 255, 255, 0.973);

22
home_dir/www/ksvc/inc/css/scss/component/_form.scss
View File

@ -9,7 +9,7 @@ form {
width: 100%;
&.form-button-container{
height: 80px;
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
@ -17,17 +17,25 @@ form {
box-sizing: border-box;
.form-button-box{
border-bottom: solid 2px #162788;
border-bottom: solid 2px $blue-005;
width: 50%;
button{
width: fit-content;
padding: 0px 10px;
height: 32px;
border: solid 2px $blue-005;
border-bottom: none;
border-radius: 5px 5px 0 0;
background: #162788;
color: white;
background: white;
color: $blue-005;
font-size: 13px;
&:hover{
background: $blue-005;
color: white;
}
}
}
@ -67,6 +75,12 @@ form {
}
.tab-menu{
width: 100%;
border: none;
li{
border-radius: 50px;
border-bottom: solid 2px $blue-005;
}
}
.table-title{
width: 99%;

37
home_dir/www/ksvc/inc/css/style.css
View File

@ -102,28 +102,6 @@ button {
color: #cf5b5b;
}
.run-btn {
border: solid 2px #5b73cf;
color: white;
background-color: #5b73cf;
border-radius: 3px;
}
.run-btn:hover {
background-color: white;
color: #5b73cf;
}
.norun-btn {
border: solid 2px #f3da8f;
color: white;
background-color: #f3da8f;
border-radius: 3px;
}
.norun-btn:hover {
background-color: white;
color: #f3da8f;
}
.disabled-btn {
background-color: rgba(255, 255, 255, 0.973);
color: #dddddd;
@ -941,7 +919,7 @@ form[name=frmWorkData] > div {
width: 100%;
}
form[name=frmWorkData] > div.form-button-container {
height: 80px;
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
@ -957,10 +935,16 @@ form[name=frmWorkData] > div.form-button-container .form-button-box button {
width: fit-content;
padding: 0px 10px;
height: 32px;
border: solid 2px #162788;
border-bottom: none;
border-radius: 5px 5px 0 0;
background: white;
color: #162788;
font-size: 13px;
}
form[name=frmWorkData] > div.form-button-container .form-button-box button:hover {
background: #162788;
color: white;
font-size: 13px;
}
form[name=frmWorkData] > div.form-contents .info-container {
height: -moz-fit-content;
@ -993,6 +977,11 @@ form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .t
}
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .tab-menu {
width: 100%;
border: none;
}
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .tab-menu li {
border-radius: 50px;
border-bottom: solid 2px #162788;
}
form[name=frmWorkData] > div.form-contents .detail-container .detail-contents .table-box .table-title {
width: 99%;

2
home_dir/www/ksvc/inc/css/style.css.map
View File

File diff suppressed because one or more lines are too long

2
home_dir/www/ksvc/site/sts_order_prod/reg_prod_result.php
View File

@ -13,7 +13,7 @@ include_once "{$_SERVER['DOCUMENT_ROOT']}/common.inc.php";
<!-- form 시작 -->
<form name="frmWorkData" method="post" class="flexcol gap10">
<!-- form button-container -->
<div class="form-button-container flexrow flexbetween">
<div class="form-button-container flexrow flexcenter gap10">
<div class="form-button-box flexrow gap06">
<button class="form-button" type="button" @click="showDefect">과거불량이력 조회</button>
<button class="form-button" type="button" @click="showWrkDocs">작업표준서 조회</button>