468 lines
8.5 KiB
SCSS
468 lines
8.5 KiB
SCSS
|
|
#awn-popup-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
z-index: 10;
|
|
|
|
|
|
.awn-popup-body {
|
|
background: #fff;
|
|
box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
// max-width: 833px;
|
|
max-width: max-content;
|
|
// min-width: 500px;
|
|
// min-height: 531px;
|
|
// max-height: fit-content;
|
|
// height: 80vh;
|
|
padding: 24px;
|
|
position: relative;
|
|
word-break: break-word;
|
|
|
|
&>div{
|
|
height: 100%;
|
|
|
|
.awn-form{
|
|
|
|
.awn-popup-search{
|
|
height: 100%;
|
|
}
|
|
.table-box{
|
|
padding: 0 10px;
|
|
width: calc(100% - 20px);
|
|
}
|
|
}
|
|
}
|
|
|
|
.awn-popup-confirm.custom-popup {
|
|
height: 500px;
|
|
min-width: 500px;
|
|
// overflow-y: auto;
|
|
// overflow-x: hidden;
|
|
overflow: hidden;
|
|
&.free-height{
|
|
height: auto;
|
|
}
|
|
// &.free-width{
|
|
// width: auto;
|
|
// }
|
|
|
|
.awn-popup-title {
|
|
font-size: 20px;
|
|
margin-bottom: 10px;
|
|
|
|
i {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
.awn-popup-search {
|
|
|
|
|
|
.s_exp {
|
|
margin: 0 0 10px 0;
|
|
color: #1F2859;
|
|
}
|
|
|
|
.s_fld {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 6px;
|
|
align-items: center;
|
|
height: 32px;
|
|
margin-bottom: 10px;
|
|
|
|
select, input {
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
padding: 0 10px;
|
|
border-radius: 3px;
|
|
border: 1px solid #D9D9D9;
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
.title-container{
|
|
justify-content: space-between;
|
|
}
|
|
.awn-popup-content {
|
|
max-height: 430px;
|
|
height: 100%;
|
|
padding: 0 10px;
|
|
overflow: auto;
|
|
|
|
.tabulator.hy-table{
|
|
height: 85%;;
|
|
}
|
|
}
|
|
.form-contents{
|
|
height: 90% !important;
|
|
overflow: auto;
|
|
|
|
.form-box{
|
|
height: fit-content;
|
|
overflow: visible;
|
|
}
|
|
}
|
|
|
|
form[name=frmPartner]{
|
|
.form-contents{
|
|
height: 87% !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#awn-popup-wrapper .awn-popup-body.awn-popup-confirm{
|
|
height: auto;
|
|
}
|
|
|
|
.scale-controler{
|
|
div{
|
|
width: 50px;
|
|
height: 50px;
|
|
|
|
border-radius: 50px;
|
|
font-size: large;
|
|
}
|
|
}
|
|
|
|
.no-background{
|
|
background: transparent;
|
|
width: 0;
|
|
height: 0;
|
|
left: 50% !important;
|
|
top: 50% !important;
|
|
|
|
.awn-popup-body{
|
|
min-width: 600px !important;
|
|
}
|
|
}
|
|
|
|
// 생산오더 복사
|
|
#popup_order_copy{
|
|
.custom-popup{
|
|
height: fit-content !important;
|
|
|
|
form{
|
|
height: fit-content;
|
|
|
|
.form-content{
|
|
height: fit-content;
|
|
|
|
.form-box{
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.width-50-g10{
|
|
width: calc(50% - 10px);
|
|
|
|
input{
|
|
width: 100%;
|
|
height: 30px;
|
|
box-sizing: border-box;
|
|
padding: 7px 14px;
|
|
}
|
|
}
|
|
textarea{
|
|
width: 100%;
|
|
height: 50px;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.submit-btn{
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
// 품목 코드 복사
|
|
#popup_item_copy{
|
|
|
|
.awn-popup-confirm.custom-popup{
|
|
height: fit-content !important;
|
|
|
|
input{
|
|
height: 30px;
|
|
border: solid 1px #c7c7c7;
|
|
box-sizing: border-box;
|
|
}
|
|
.submit-btn{
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// form{
|
|
// .add-btn, .remove-btn{
|
|
// padding: 7px 12px;
|
|
// cursor: pointer;
|
|
// }
|
|
// .title-container{
|
|
// align-items: center;
|
|
// justify-content: space-between;
|
|
// padding-bottom: 10px;
|
|
// border-bottom: 1px solid;
|
|
|
|
// .awn-popup-title{
|
|
// margin: 0;
|
|
// }
|
|
// .button-box{
|
|
// justify-content: flex-end;
|
|
|
|
// button{
|
|
// margin-right: 20px;
|
|
// }
|
|
// }
|
|
// }
|
|
// .form-contents{
|
|
// padding-top: 20px;
|
|
|
|
// .form-box{
|
|
// padding-bottom: 20px;
|
|
// border-bottom: solid 1px;
|
|
|
|
// .input-container{
|
|
// width: 100%;
|
|
|
|
// .input-box{
|
|
// width: 100%;
|
|
|
|
// label, .input-title{
|
|
// display: inline-block;
|
|
// width: 100px;
|
|
// margin: 0;
|
|
|
|
// }
|
|
// .check-label{
|
|
// display: inline-flex;
|
|
// width: 100px;
|
|
// align-items: center;
|
|
|
|
// label{
|
|
// width: auto;
|
|
// }
|
|
// }
|
|
// input[type="text"], select{
|
|
// box-sizing: border-box;
|
|
// height: 30px;
|
|
// width: calc(100% - 120px);
|
|
// padding: 0px 10px;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
// .table-box{
|
|
// width: 98%;
|
|
// }
|
|
|
|
// .btnFindAddr{
|
|
// height: 98%;
|
|
// border-radius: 5px;
|
|
// border: solid 2px #f38814;
|
|
// background-color: #f38814;
|
|
// color: white;
|
|
|
|
// &:hover{
|
|
// background: white;
|
|
// color: #f38814;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
|
|
// 현장 팝업
|
|
#popup_field{
|
|
form{
|
|
.form-contents{
|
|
.info-container{
|
|
|
|
.form-box{
|
|
width: 100%;
|
|
padding: 10px 0px;
|
|
|
|
.input-container{
|
|
flex-wrap: nowrap;
|
|
.input-box{
|
|
padding: 0px 10px;
|
|
|
|
label{
|
|
text-align: start;
|
|
text-wrap: nowrap;
|
|
min-width: 147px;
|
|
}
|
|
input{
|
|
width: 100%;
|
|
}
|
|
|
|
&.width-half{
|
|
width: 40%;
|
|
|
|
label{
|
|
width: 100%;
|
|
padding: 0;
|
|
min-width: 70px;
|
|
}
|
|
input{
|
|
min-width: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.formdata{
|
|
|
|
}
|
|
.tabledata{
|
|
#isInsp{
|
|
position: relative;
|
|
margin-top: 10px;
|
|
padding: 0px 20px;
|
|
width: calc(100% - 40px);
|
|
|
|
.button-box{
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
width: 100%;
|
|
}
|
|
}
|
|
.tab-menu{
|
|
width: 100%;
|
|
height: 30px;
|
|
}
|
|
.table-box{
|
|
.table-title{
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.hy-table{
|
|
&.height-30{
|
|
height: 30vh;
|
|
}
|
|
&.height-28{
|
|
height: 28vh;
|
|
}
|
|
&.height-25{
|
|
height: 25vh;
|
|
}
|
|
&.height-20{
|
|
height: 20vh;
|
|
}
|
|
&.height-18{
|
|
height: 18vh;
|
|
}
|
|
&.height-13{
|
|
height: 13vh;
|
|
}
|
|
&.height-125{
|
|
height: 125px;
|
|
}
|
|
&.height-260{
|
|
height: 260px;
|
|
}
|
|
&.width-half{
|
|
width: 97%;
|
|
}
|
|
&.width-full{
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
&.width-half{
|
|
max-width: calc(50% - 10px);
|
|
}
|
|
}
|
|
}
|
|
|
|
&>.flex-1{
|
|
max-width: 16%;
|
|
}
|
|
&>.flex-5{
|
|
max-width: 84%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#popup_PW{
|
|
.awn-popup-confirm{
|
|
width: 100%;
|
|
min-width: 0px !important;
|
|
|
|
input{
|
|
height: 30px;
|
|
border: solid 1px #c7c7c7;
|
|
box-sizing: border-box;
|
|
}
|
|
p{
|
|
opacity: 0;
|
|
display: block;
|
|
height: 6px;
|
|
margin: 0;
|
|
color: crimson;
|
|
}
|
|
|
|
.nope{
|
|
p{
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.correct{
|
|
p{
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.submit-btn{
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// #popup_file_upload{
|
|
// width: 90vw;
|
|
// height: 90vh;
|
|
// }
|
|
// 모달 닫기 버튼
|
|
.bi-x-circle-fill::before {
|
|
font-size: 2em;
|
|
}
|
|
|
|
// 타블레이터 취소 포매터 아이콘
|
|
.bi-x-square::before {
|
|
color: red;
|
|
}
|
|
.bi-x-square-fill::before {
|
|
color: red;
|
|
}
|
|
|
|
.form-box{
|
|
padding: 10px;
|
|
background: #F6F6FC;
|
|
box-sizing: border-box;
|
|
} |