From 4de72df946d25bd92f57095840410d1869a8b073 Mon Sep 17 00:00:00 2001 From: geun1416 <1416geun@naver.com> Date: Thu, 14 Sep 2023 15:20:55 +0900 Subject: [PATCH] css --- src/assets/css/custom.css | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index ad312044..e9a91719 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -359,19 +359,24 @@ h1.logo span{display:block;color:#f4f4f4;font-weight:bold;letter-spacing:2px;fon .line-test04{display:block;position:absolute;left:914px;top:625px;height:180px;width:3px;background:#e682ff;} /*분석이력-검색조건*/ -.search-cont dl dt + dt{margin-top:-1px;} -.search-box{display:flex;border:1px solid #404656;align-items: center;font-size: 0.875rem;height:50px;} +.search-cont dl dt + dt{margin-top:-1px;border-top:1px solid #ddd} +.search-box{display:flex;align-items: center;font-size: 0.875rem;height:50px;} .search-box input{font-size: 0.875rem;} -.search-list-ti{background:#343D55;min-width:150px;width:150px;text-align:center;height:48px;line-height:48px;font-weight:500;} +.search-list-ti{min-width:150px;width:150px;text-align:center;height:48px;line-height:48px;font-weight:500;border-right: 1px solid #ddd;} +.dark-layout .search-cont dl dt + dt{margin-top:-1px;border-top:0;} +.dark-layout .search-box{border:1px solid #404656;} +.dark-layout .search-list-ti{background:#343D55;border-right:0;} .search-list{display:flex;align-items: center;padding:0 20px;width:100%;} -.search-list .calendar-flat{border:1px solid #404656;border-radius: 0.357rem;height: 2.142rem;padding: 0 20px;} +.search-list .calendar-flat{border-radius: 0.357rem;height: 2.142rem;padding: 0 20px;} .search-list .calendar-flat input{padding:0px;text-align:center;} .search-list .calendar-flat:hover{border:1px solid #7367f0;} +.dark-layout .search-list .calendar-flat{border:1px solid #404656;} .search-list-cont{width:100%;} .search-list-cont-btn .btn{border-radius:0px;border-color: #404656!important;color:#bbb;} /* .search-list-cont-btn .btn:focus{background-color: #7367f0!important;color:#fff!important;} */ .search-list-cont-btn .btn.active{background-color: #7367f0!important;color:#fff!important;} -.search-list-cont .custom-control-label{color:#bbb;font-size: 0.875rem;} +.search-list-cont .custom-control-label{color:#555;font-size: 0.875rem;} +.dark-layout .search-list-cont .custom-control-label{color:#bbb;} .cont-ti{padding-bottom:10px!important;} .cont-ti > div{display:flex;justify-content: space-between;align-items: center;} /* .cont-ti button{margin-right:8px;} */ @@ -480,6 +485,7 @@ input:-internal-autofill-selected { /*팝업창*/ .modal-title{font-weight:500;font-size:1.125rem;} +.modal-content .pal-card-box{background:none} /*기본css 수정*/ .badge{font-weight:500;} @@ -503,7 +509,8 @@ input:-internal-autofill-selected { .big-txt{font-size:30px;font-weight:200;display:block;margin:20px 0;} .complete-txt button{width:100%;max-width:200px;margin-top:30px;} .search-info-ti .ti{font-size:1rem;font-weight:500;margin-bottom: 10px;} -.search-info dl dt + dt{border-top:1px dotted #404656;padding-top:1rem;} +.search-info dl dt + dt{border-top:1px dotted #ddd;padding-top:1rem;} +.dark-layout .search-info dl dt + dt{border-top:1px dotted #404656;} .search-info .final span{font-weight:500;font-size: 0.875rem;} .mb-10p{margin-bottom:10px;} /*서브 레프트메뉴*/ @@ -527,7 +534,8 @@ input:-internal-autofill-selected { .pal-card-header h3{font-size:1.1875rem;font-weight:500;} .pal-card .card{margin-bottom:0px;} .search-info{padding:20px;} -.search-info .cont-ti{padding-bottom:14px!important;border-bottom:1px solid #404656;} +.search-info .cont-ti{padding-bottom:14px!important;border-bottom:1px solid #ccc;} +.dark-layout .search-info .cont-ti{border-bottom:1px solid #404656;} .font-sm{font-size: 0.875rem;} .pal-card-body .form-group label{margin-bottom:4px;} .count-del-btn button{height: 2.142rem; width: 100%;padding: 0 12px;} @@ -668,9 +676,10 @@ background-size: 75% auto; .layer-search-form > div .btn{border-radius:0.358rem;width:100%;} /*데이터피커 (달력) 기본 css*/ -.calendar-flat{border:1px solid #404656;background: #283046;border-radius: 0.357rem;height: 2.142rem;padding: 0 20px;} +.calendar-flat{border:1px solid #ddd;;border-radius: 0.357rem;height: 2.142rem;padding: 0 20px;} .calendar-flat input{padding:0px;font-size: 0.875rem;} .calendar-flat:hover{border:1px solid #7367f0;} +.dark-layout .calendar-flat{border:1px solid #404656;background: #283046} /*시뮬레이터*/ .sm-txt{font-size: 0.875rem;color:#bbb;}