diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index eb5db31..88d7ad9 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -98,7 +98,7 @@ button{border:0;background:transparent;} .layer-ti .badge{font-weight:500;font-size:13px;} /*레이어 상세정보-검색*/ -.layer-search .input-group .form-control{height:35px;font-size: 0.875rem;color:#b5b5b7;border-right:0;} +.layer-search .input-group .form-control{height:35px;font-size: 0.875rem;color:#b5b5b7;} .layer-search .input-group .form-control:focus{border-color:#8a1c05;border-right:1px solid #8a1c05;border-right:0px;} .layer-search .input-group .form-control::placeholder{color:#555;} .layer-search .btn{height:35px;border-top-left-radius:0;border-bottom-left-radius:0;position:relative;} @@ -753,7 +753,8 @@ background-size: 75% auto; /*시뮬레이터*/ .sm-txt{font-size: 0.875rem;color:#bbb;} .pd-20{padding:20px;} -.simulation-wrap{position:absolute;right:0;bottom:0px;height:auto;width:calc(100% - 430px);z-index: 999;background:#283046;border-left:1px solid #404656;border-bottom:0;overflow:hidden;transition: 0.5s ease;-webkit-transition: 0.5s ease;} +.simulation-wrap{position:absolute;right:0;bottom:0px;height:auto;width:calc(100% - 430px);z-index: 999;background:#fff;border-left:1px solid #ddd;border-bottom:0;overflow:hidden;transition: 0.5s ease;-webkit-transition: 0.5s ease;} +.dark-layout .simulation-wrap{background:#283046;border-left:1px solid #404656} .simulation-wrap.full{width:calc(100% - 80px);transition: 0.5s ease;-webkit-transition: 0.5s ease;} .simulation-cont{display:flex;width:100%;justify-content:space-between;align-items: center;} .simulation-slider{width:100%;} @@ -790,12 +791,14 @@ background-size: 75% auto; .drone-location .simulation-icon{flex:0.7;} .simulation-date{height:auto;padding:0 20px;} .simulation-date-cont{height: auto;display:flex;font-size: 0.875rem;} -.simulation-date-cont-ti{width:100px;position:fixed;background:#283046;border-right:1px solid #404656;} +.simulation-date-cont-ti{width:100px;position:fixed;background:#fff;border-right:1px solid #ddd;} +.dark-layout .simulation-date-cont-ti{background:#283046;border-right:1px solid #404656;} .simulation-date-cont-ti div{font-weight:500} .simulation-date-cont-ti div:first-child{color:#ff9f43;font-weight:600;} .simulation-date-num div:first-child{background-color: rgba(255, 159, 67, 0.12);color: #ff9f43;padding: 0.3rem 0.5rem;text-align: center;border-radius: 0.358rem;display: inline-block;font-weight: 600;line-height: 1;white-space: nowrap;vertical-align: baseline; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;} .simulation-date-num{padding:0 0.5rem;text-align:center;font-size:13px;} -.simulation-date-num{border-right:1px solid #404656;} +.simulation-date-num{border-right:1px solid #fff;} +.dark-layout .simulation-date-num{border-right:1px solid #404656;} .simulation-date-cont-ti div, .simulation-date-num div{margin-bottom:4px;} .simulation-date-num-pd{display: flex;padding-left:100px;} .simulation-cont-box-img{flex-direction: row;} @@ -808,6 +811,7 @@ background-size: 75% auto; .simulation-icon svg{fill:#5d6373} .date-num-focus{background:#8a1c05;border-radius: 6px;color:#fff;} .simulation-date-num.date-num-focus div:first-child{background: #ff9f43;color:#fff;} +.drone-img-info{display:flex;flex-direction: column;justify-content: center;} .scroll-container {padding-bottom:10px;} /*