| | |
| | | height: 30px; |
| | | border-radius: 5px; |
| | | &.active{ |
| | | border: 1px solid #fff; |
| | | border: 1px solid rgba(0,0,0,.4); |
| | | box-shadow: 0 1px 3px rgba(0,0,0,0.1); |
| | | } |
| | | } |
| | | .buttonAll{ |
| | |
| | | } |
| | | .all { |
| | | background-color: rgb(17,204,33); |
| | | &.active{ |
| | | background-image: linear-gradient(#22992d,#12da23); |
| | | } |
| | | } |
| | | .active { |
| | | border: 1.5px solid #8d8d8d; |
| | | } |
| | | .red { |
| | | background-color: #ff5555; |
| | | &.active{ |
| | | background:linear-gradient(#dc2f2f, #ff5b5b); |
| | | } |
| | | } |
| | | .orange { |
| | | background-color: rgb(251, 158, 13); |
| | | &.active{ |
| | | background: linear-gradient(#e28e0c,#ffa90e); |
| | | } |
| | | } |
| | | .yellow { |
| | | background-color: rgb(255, 223, 37); |
| | | &.active{ |
| | | background: linear-gradient(#e6c921,#ffef28); |
| | | } |
| | | } |
| | | .blue { |
| | | background-color: #409EFF; |
| | | &.active{ |
| | | background: linear-gradient(#3a8ee6,#44a9ff); |
| | | } |
| | | } |
| | | .switchBtn{ |
| | | display: flex; |