meetin-components/lib/style/sidebar.css

会众 Vue 组件

.side-bar-root{width:218px;background-color:#2b3a40;overflow:auto;flex-direction:column;z-index:1}.side-bar-cell{color:#999;cursor:pointer}.side-bar-cell:hover{color:#fff}.side-bar-cell .title-container{height:40px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 32px}.side-bar-cell .title-container.section-active{background-color:#262d31}.side-bar-cell .highlight-line{position:absolute;left:0;background-color:#20a0ff;width:3px;height:100%;opacity:0}.side-bar-cell .icon-title-root{display:flex;align-items:center}.side-bar-cell .icon-title{font-size:20px;margin-right:8px}.side-bar-cell .icon-arrow-right{transform:rotate(90deg)}.side-bar-cell .icon-arrow-down{transform:rotate(180deg)}.side-bar-cell .subitem-container{overflow:hidden;transition:all .3s}.side-bar-cell .subitem{height:40px;color:#999;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.side-bar-cell .subitem .text-container{flex-grow:1;display:flex;align-items:center;align-self:flex-start;margin-left:68px}.side-bar-cell .subitem:hover{color:#fff}.side-bar-cell .subitem:last-of-type .subitem-hr{display:none}.side-bar-cell.highlight-cell .title-container{color:#20a0ff}.side-bar-cell.highlight-cell .highlight-line{opacity:1}.side-bar-cell .subitem-hr{margin:0;border-color:#3a484d;border-top:.5px;opacity:.2;width:80%}.side-bar-cell .mark .el-badge__content{border-color:transparent}.cell-subitem .mark{height:14px;margin-left:5px}.cell-subitem .mark .el-badge__content{border-color:transparent;height:14px;line-height:14px;padding:0 4px;border-radius:7px}.cell-subitem.highlight-subitem{color:#20a0ff!important}