forked from HANYANG/HANYANG_MES
200 lines
3.9 KiB
SCSS
200 lines
3.9 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;
|
|
// overflow-y: auto;
|
|
// overflow-x: hidden;
|
|
overflow: hidden;
|
|
&.free-height{
|
|
height: 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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#awn-popup-wrapper .awn-popup-body.awn-popup-confirm{
|
|
height: auto;
|
|
}
|
|
|
|
|
|
|
|
// 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;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// } |