.side-bar-wrapper {
|
display: flex;
|
height: 80vh;
|
overflow: hidden;
|
}
|
|
.side-bar-wrapper .content {
|
flex: 1;
|
transition: transform 0.3s ease;
|
}
|
|
.side-bar-wrapper .section {
|
padding: 32rpx 0;
|
box-sizing: border-box;
|
height: 100%;
|
}
|
|
.side-bar-wrapper .title {
|
padding: 0 10rpx;
|
margin-bottom: 8rpx;
|
}
|
|
.side-bar-wrapper .image {
|
width: 96rpx;
|
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;
|
}
|
