| | |
| | | |
| | | .image-switch-img-btn { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | flex-direction: column; |
| | | position: absolute; |
| | | font-size: 20px; |
| | | font-weight: normal; |
| | | color: #fff; |
| | | background: #fff; |
| | | background: $bg-color; |
| | | border-radius: 5px; |
| | | z-index: 97; |
| | | // background-color: $table-header-bg-color !important; |
| | | cursor: pointer; |
| | | transform: translate(0, -50%); |
| | | |
| | | |
| | | .layer-change-box { |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .title {} |
| | | |
| | | .content { |
| | | display: flex; |
| | | } |
| | | } |
| | | |
| | | .img, |
| | | .elec { |
| | |
| | | background-size: 100% 100%; |
| | | width: 80px; |
| | | height: 60px; |
| | | border: 2px solid $table-header-bg-color; |
| | | |
| | | span { |
| | | position: absolute; |
| | | right: 2px; |
| | | bottom: 2px; |
| | | padding: 0 2px; |
| | | left: 0; |
| | | bottom: 0; |
| | | background: rgba(0, 0, 0, 0.5); |
| | | |
| | | } |
| | | |
| | | &>.on { |
| | | background-color: $table-header-bg-color; |
| | | color: #337fe5; |
| | | } |
| | | } |
| | | |
| | |
| | | .elec { |
| | | background-image: url(/img/elec.png); |
| | | } |
| | | |
| | | .light { |
| | | background-image: url(/img/mx.png); |
| | | } |
| | | |
| | | .high { |
| | | background-image: url(/img/mx.png); |
| | | } |
| | | } |