TC 수정 적용 (CSS, 정렬)

This commit is contained in:
kimre
2022-07-15 20:30:57 +09:00
parent 71415bac5b
commit aa84f4e3d5
6 changed files with 88 additions and 48 deletions

View File

@@ -1,16 +1,16 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>hubez-admin-web</title>
</head>
<body>
<noscript>
<strong>We're sorry but hubez-admin-web doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="<%= BASE_URL %>logo.png">
<title>hubez-admin-web</title>
</head>
<body>
<noscript>
<strong>We're sorry but hubez-admin-web doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

BIN
frontend/public/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@@ -560,15 +560,31 @@ header .user_wrap .user_info .logout {
margin-left: 10px;
}
/*******************20220715 퍼블 수정*******************/
.contents .input_box.cal input {
display: inline-block;
width: 70%;
width: 100%;
float: left;
background: #fff url(../images/icon-calender.png) no-repeat right 6% center;
background: url(../images/icon-calender.png) no-repeat right 6% center;
background-color:#fff;
}
.contents .input_box.cal .term span:nth-of-type(1){
margin-right: 4%;
}
.contents .input_box.cal .term span:nth-of-type(2){
margin-left: 4%;
}
/*******************************************/
/***** 20220715 퍼블 삭제
.contents .input_box.cal input + input{
margin-left: 5%;
}
} **/
.contents .input_box.cal.one{
width: 13.67%;
@@ -588,9 +604,10 @@ header .user_wrap .user_info .logout {
align-items: center;
}
/** 20220715 퍼블 삭제
.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;
@@ -1463,22 +1480,25 @@ header .user_wrap .user_info .logout {
padding: 0;
}
.popup.popup_form .popup-btn2.bulk button:nth-child(1)::before{
content: '';
/**********************20220715 퍼블 수정**********************/
.popup.popup_form .popup-btn2.bulk button:nth-of-type(1)::before{
content: '';
background: url(../images/icon-f-download.png) no-repeat 0 0;
width: 23px;
height: 23px;
margin: 2px 5px 0 15px;
}
.popup.popup_form .popup-btn2.bulk button:nth-child(2)::before{
content: '';
.popup.popup_form .popup-btn2.bulk button:nth-of-type(2)::before{
content: '';
background: url(../images/icon-f-upload.png) no-repeat 0 0;
width: 23px;
height: 23px;
margin: 2px 5px 0 15px;
margin: 2px 5px 0 15px;
}
/****************************************************************/
.popup.popup_form .attach{
display: flex;
align-items: center;
@@ -1656,37 +1676,53 @@ header .user_wrap .user_info .logout {
width: 300px;
}
/********** 20220715 퍼블 수정 ************/
.popup.popup_form table .registration{
padding-left:20px;
padding: 10px 20px 0 20px;
}
.popup.popup_form table .registration ul{
display: flex;
display: flex;
width: 100%;
flex-wrap: wrap;
}
.popup.popup_form table .registration ul li{
display: inline-flex;
align-items: center;
width: 100px;
position: relative;
border: 1px solid #000;
padding: 0 10px;
border-radius: 5px;
margin-right: 15px;
min-height: 30px;
font-size: 16px;
width: 32%;
max-width: 144px;
margin-right: 2%;
font-size: 16px;
margin-bottom: 2%;
}
.popup.popup_form table .registration ul li:last-child{
margin-right: 0;
.popup.popup_form table .registration ul li:nth-child(3n){
margin-right: 0;
}
.popup.popup_form table .registration ul li span{
min-height: 30px;
max-height: 160px;
overflow: hidden;
border: 1px solid #000;
padding: 5px 10px;
border-radius: 5px;
position: relative;
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
}
.popup.popup_form table .registration ul li span a img{
position: absolute;
position: absolute;
right: 0px;
top: 2px;
top: 4px;
}
/*********************/
.popup.popup_form table .input_add{
display: flex;
justify-content: space-between;
@@ -1708,7 +1744,8 @@ header .user_wrap .user_info .logout {
}
.essential span{
padding-right: 3px;
/*color:#eb008b;*/
padding-right: 3px;
}
textarea{
@@ -1726,8 +1763,8 @@ 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; }
/*toggle*/ /***************20220715 퍼블 수정******************/
.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; cursor: default;}
.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; }
@@ -1746,7 +1783,7 @@ textarea:focus{
.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-head .datepicker-next 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(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%;}
@@ -1754,4 +1791,4 @@ textarea:focus{
.datepicker .datepicker-calender .click a, .datepicker .datepicker-calender .today a{color: #fff;}
.datepicker .datepicker-calender .disabled a{color:#c9c9c9 !important;}
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */