@import '../../styles/theme.less'; .myDrawer { height: 100%; padding: 0 16px; overflow: hidden; overflow-y: auto; display: flex; flex-direction: column; &-header { padding: 12px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.2); &-title { font-size: 16px; line-height: 24px; font-weight: 600; padding: 0 8px; position: relative; &::before { content: ''; position: absolute; height: 14px; width: 2px; background-color: @main-color; left: 0; top: 5px; } } &-close { cursor: pointer; &:hover { color: #d1021c; } } } &-main { flex: 1; padding: 24px 0; } &-footer { padding-bottom: 24px; } }