jbcheong/hubez-admin
1
0
Fork 0
mirror of http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git synced 2025-12-07 06:54:16 +09:00
Code Issues Projects Releases Wiki Activity

서비스관리 / 알림톡 템플릿관리 추가

Browse Source
This commit is contained in:
kimre
2022-06-20 13:50:46 +09:00
parent 1d46263735
commit 460d6e03b8
147 changed files with 10360 additions and 6618 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/assets/css/layout.css
View File

@@ -130,10 +130,10 @@ max-height: 90vh; overflow: auto;}/*스크린 height 100%를 벗어나는 긴
.popup .pop-cont {}
.popup .pop-cont p {font-size: 16px; color: #666666; font-weight: 400; letter-spacing: -0.8px; line-height: 100%;}
.popup .pop-cont p + p {margin-top: 10px;}
.popup .pop-btn1 {display: flex; justify-content: flex-start; align-items: center; margin: 35px 0 25px;}
.popup .pop-btn2 {display: flex; justify-content: space-between; align-items: center; margin: 35px 0 25px;}
.popup .pop-btn1 button {width: 49%; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}
.popup .pop-btn2 button {width: 49%; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}
.popup .popup-btn1 {display: flex; justify-content: flex-start; align-items: center; margin: 35px 0 25px;}
.popup .popup-btn2 {display: flex; justify-content: space-between; align-items: center; margin: 35px 0 25px;}
.popup .popup-btn1 button {width: 49%; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}
.popup .popup-btn2 button {width: 49%; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}

166
frontend/src/assets/css/style.css
View File

@@ -319,7 +319,7 @@ header .user_wrap .user_info .logout {
.contents {
padding: 0 4.16vw;
width: 100%;
width: calc(100% - 240px);
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
@@ -427,7 +427,7 @@ header .user_wrap .user_info .logout {
margin-left: 0;
}
.contents .select_box {
.contents .select_box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -474,7 +474,7 @@ header .user_wrap .user_info .logout {
margin-top:-7px;
}
.contents .input_box {
.contents .input_box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@@ -567,11 +567,7 @@ header .user_wrap .user_info .logout {
background: #fff url(../images/icon-calender.png) no-repeat right 6% center;
}
.contents .input_box.cal input + input{
margin-left: 4%;
}
.contents .input_box.cal .description{
position: absolute; margin: 10px 0 0 10px; color:#666; font-size: 13px; font-weight: 400;
margin-left: 5%;
}
.contents .input_box.cal.one{
@@ -586,6 +582,16 @@ header .user_wrap .user_info .logout {
margin-right: 10px;
}
.contents .input_box.cal .term{
display: flex;
justify-content: space-around;
align-items: center;
}
.contents .input_box.cal .term input:nth-child(1){
margin-right: 4%;
}
.contents .input_box .search-box {
background: #fff url(../images/icon-search.png) no-repeat 6% center/14px auto;
padding-left: 43px;
@@ -806,7 +812,7 @@ header .user_wrap .user_info .logout {
/*pagination*/
.contents .pagination .arrow-btn button{
.pagination .arrow-btn button{
border:none;
padding: 0 5px;
}
@@ -828,27 +834,37 @@ header .user_wrap .user_info .logout {
.btn-prev, .btn-next{background-position: 0px -24px;}
.btn-prev:hover, .btn-next:hover{background-position: 0px -72px;}
.contents .pagination {
.pagination {
display:flex;
justify-content: center;
margin-bottom: 50px;
}
.contents .pagination ul{
.pagination ul{
display:flex;
align-items:center;
}
.contents .pagination ul li a{
.pagination ul .active a{
color:#eb008b;
text-decoration: underline;
}
.pagination ul li a{
color:#9a9a9a;
font-size: 14px;
padding: 0 15px;
}
.contents .pagination ul li a:hover{
.pagination ul li a:hover{
color:#000;
text-decoration: underline;
}
.popup.popup_form .pagination{
margin-top:25px;
}
/*contents table 추가*/
.contents .table table .arrow_box {
@@ -903,16 +919,18 @@ header .user_wrap .user_info .logout {
}
.contents .table.calculate.scroll{
max-width: 1240px;
overflow: auto;
width: calc(100% - 80px);
overflow-x: auto;
margin: 0 auto;
margin-bottom: 60px;
padding: 0;
padding: 0 0 10px 0;
}
.contents .table.calculate.scroll div{
min-width: 1400px;
padding-bottom: 10px;
.contents .table.calculate.scroll table{
min-width: 1500px;
width:100%;
table-layout: fixed;
white-space: nowrap;
}
.contents .table table .total{
@@ -937,6 +955,12 @@ header .user_wrap .user_info .logout {
padding-left: 10px;
}
.contents .table.table_form .radio .label_group label{
display: flex;
height: 30px;
align-items: center;
}
.contents .table {
color: #333333;
padding: 0 40px;
@@ -1183,17 +1207,17 @@ header .user_wrap .user_info .logout {
margin-bottom: -1px;
}
.popup.popup_form .pop-btn2 {
.popup.popup_form .popup-btn2 {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.popup.popup_form .pop-btn2 button {
.popup.popup_form .popup-btn2 button {
width: 30%;
}
.popup.popup_form .pop-btn2 button:last-child {
.popup.popup_form .popup-btn2 button:last-child {
margin-left: 10px;
}
@@ -1402,19 +1426,19 @@ header .user_wrap .user_info .logout {
margin-top: 20px;
}
.popup.popup_form .pop-btn2 .download {
.popup.popup_form .popup-btn2 .download {
display: flex;
justify-content: center;
align-items: center;
}
.popup.popup_form .pop-btn2.bulk{
.popup.popup_form .popup-btn2.bulk{
justify-content: space-between;
margin-bottom: 20px;
}
.popup.popup_form .pop-btn2.bulk button{
.popup.popup_form .popup-btn2.bulk button{
width: 49%;
display: flex;
-webkit-box-pack: center;
@@ -1426,7 +1450,7 @@ header .user_wrap .user_info .logout {
font-size: 16px;
}
.popup.popup_form .pop-btn2.bulk button:nth-child(1)::before{
.popup.popup_form .popup-btn2.bulk button:nth-child(1)::before{
content: '';
background: url(../images/icon-f-download.png) no-repeat 0 0;
width: 23px;
@@ -1434,7 +1458,7 @@ header .user_wrap .user_info .logout {
margin: 2px 5px 0 15px;
}
.popup.popup_form .pop-btn2.bulk button:nth-child(2)::before{
.popup.popup_form .popup-btn2.bulk button:nth-child(2)::before{
content: '';
background: url(../images/icon-f-upload.png) no-repeat 0 0;
width: 23px;
@@ -1450,39 +1474,41 @@ header .user_wrap .user_info .logout {
}
.popup.popup_form .attach button{
margin:0;
width: 35%;
margin: 0 10px 0 0;
width: 35%;
}
.popup.popup_form .attach .list{
width: 100%;
padding-bottom: 5px;
font-size: 16px;
}
.popup.popup_form .attach .file{
margin-left:10px;
margin-bottom: 0;
}
.popup.popup_form .attach p:not(.file){
color: #000;
width: 100%;
}
.popup.popup_form p + p{
padding-top:5px;
padding:0;
}
.popup.popup_form .file{
color: #656565;
margin-bottom: 18px;
display: inline-flex;
align-items: center;
font-size: 14px;
padding-bottom: 5px;
}
.popup-btn2.bulk + .file{
margin-bottom: 18px;
padding-bottom: 0;
}
.popup.popup_form .file button{
background: #e4e4e4 url(../images/icon-delete.png) no-repeat center center;
width: 24px;
height: 24px;
display: inline-block;
background: #e4e4e4;
width: 15px;
height: 15px;
border-radius: 50%;
position: relative;
top: 6px;
left: 5px;
border: none;
font-size: 10px;
margin: 0 0 0 5px;
}
.popup.popup_form.register{
@@ -1504,6 +1530,7 @@ header .user_wrap .user_info .logout {
.popup.popup_form.register .input_add div{
display: flex;
justify-content: space-between;
width:100%;
}
.popup.popup_form.register .input_add div input:nth-child(1){
@@ -1650,7 +1677,21 @@ header .user_wrap .user_info .logout {
.popup.popup_form table .input_add{
display: flex;
justify-content: space-between;
padding: 5px 0px 5px 0px;
padding: 5px 0px 5px 10px;
flex-wrap: wrap;
}
.popup.popup_form table .input_add input{
width: 85%;
}
.essential{
display: flex;
align-items: flex-start;
}
.essential span{
color:#eb008b;
padding-right: 3px;
}
textarea{
@@ -1668,5 +1709,32 @@ textarea:focus{
outline: 1px solid #000;
}
/*toggle*/
.contents .table table input[type="checkbox"] + label.toggle_switch { width: 72px; height: 28px; border-radius: 14px; border: 1px solid #b7b9be; background: #cecece; transition: all 0.3s; }
.contents .table table input[type="checkbox"] + label.toggle_switch:before { content:"미사용";position: absolute; display: block; width: 100%; height:100%; font-size: 14px; color:#fff; line-height: 28px; padding: 0 0 0 15px; font-family: 'SpoqaHanSansNeo', sans-serif; box-sizing: border-box; transition: all 0.3s; }
.contents .table table input[type="checkbox"] + label.toggle_switch:after { content:""; position: absolute; display: block; width:14px; height: 14px; top:50%; left: 7px; transform: translateY(-50%); background: #fff; border-radius: 100%; transition: all 0.5s; }
.contents .table table input[type="checkbox"]:checked + label.toggle_switch { border-color:#eb008b; background:#fff; }
.contents .table table input[type="checkbox"]:checked + label.toggle_switch:before { content:"사용"; color:#eb008b; padding: 0 15px 0 0; }
.contents .table table input[type="checkbox"]:checked + label.toggle_switch:after { background: #eb008b; left: 45px;}
/*datepicker*/
.datepicker{position: absolute; top: 336px; left: 381px; z-index: 1; display: block; padding: 24px 0; border: 1px solid #eceff1; background: #fff;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%);border-radius: 5px;}
.datepicker .datepicker-head{margin-bottom: 28px;}
.datepicker .datepicker-title{text-align: center; font-size: 20px;}
.datepicker .datepicker-calender{margin: 0 30px; font-size: 12px;}
.datepicker .datepicker-calender td{padding: 7.5px; line-height: 15px;}
.datepicker .datepicker-calender td a{text-align: center; width: 15px; height: 15px; display: inline-block; color:#000;}
.datepicker .datepicker-calender tr td:last-child a{color:#5d7aff;}
.datepicker .datepicker-calender tr td:first-child a{color:#ff2e76;}
.datepicker .datepicker-head .datepicker-btn span{position: relative;}
.datepicker .datepicker-head .datepicker-prev span::after{position: absolute; left: 70px; top: 10px; content: ''; width: 10px; height: 10px; border-top: 2px solid #5f5f5f; border-right: 2px solid #5f5f5f; transform: rotate(225deg);}
.datepicker .datepicker-head .datepicker-next span::after{position: absolute; left: 185px; top: 10px; content: ''; width: 10px; height: 10px; border-top: 2px solid #5f5f5f; border-right: 2px solid #5f5f5f; transform: rotate(45deg);}
.datepicker .datepicker-calender td:hover:not(.disabled){background-color: #efefef; border-radius: 50%;}
.datepicker .datepicker-calender td:hover a{color:#000;}
.datepicker .datepicker-calender .today{background-color: #7c7c7c; border-radius: 50%;}
.datepicker .datepicker-calender .click{background-color: #eb008b; border-radius: 50%;}
.datepicker .datepicker-calender .click a, .datepicker .datepicker-calender .today a{color: #fff;}
.datepicker .datepicker-calender .disabled a{color:#c9c9c9 !important;}
/*# sourceMappingURL=style.css.map */