| | |
| | | .side-bar-wrapper { |
| | | display: flex; |
| | | height: 90vh; |
| | | height: 80vh; |
| | | overflow: hidden; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .side-bar-wrapper .title { |
| | | padding-left: 40rpx; |
| | | padding: 0 10rpx; |
| | | margin-bottom: 8rpx; |
| | | } |
| | | |
| | |
| | | height: 96rpx; |
| | | border: 2rpx solid #e7e7e7; |
| | | } |
| | | |
| | | .flex-h { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | .flex-v { |
| | | position: relative; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | | .scene__item-tag__wrap { |
| | | position: relative; |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 2px; |
| | | } |
| | | |
| | | .scene__item { |
| | | margin: 0 10rpx; |
| | | background-color: var(--td-bg-color-fade); |
| | | border-radius: var(--td-border-radius); |
| | | box-shadow: var(--td-shadow-1); |
| | | padding: var(--td-spacer); |
| | | margin-top: var(--td-spacer); |
| | | color: var(--td-text-color-primary); |
| | | } |
| | | |
| | | /* .scene__item:active { |
| | | background-color: var(--td-gray-color-1); |
| | | } */ |
| | | |
| | | .scene__item .scene__item-name { |
| | | --ei-font-size: var(--td-font-size-base); |
| | | --ei-line-height: calc(var(--td-text-line-height) * var(--ei-font-size)); |
| | | font-size: var(--ei-font-size); |
| | | line-height: var(--ei-line-height); |
| | | height: calc(var(--ei-line-height) * 2); |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .scene__item-abstract { |
| | | font-size: var(--td-font-size-s); |
| | | color: var(--td-text-color-secondary); |
| | | } |
| | | |
| | | .scene__nav-icon { |
| | | position: relative; |
| | | bottom: 0px; |
| | | right: 0px; |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | /* margin-top: var(--td-spacer); */ |
| | | /* background-color: blanchedalmond; */ |
| | | } |
| | | |
| | | .side-btn { |
| | | margin: initial !important; |
| | | } |