Browse Source

css

pull/2/head
김지은 10 months ago
parent
commit
2699a2dc6a
  1. 12
      src/assets/css/custom.css

12
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;}
/*

Loading…
Cancel
Save