app-code-editor.less

.app-code-editor {
    width: 100%;
    height: 100%;
    min-width: 300px;
    min-height: 300px;
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
    border-radius: 4px;
    > .toolbar {
        // height: 22px;
        padding: 5px 15px;
        display: flex;
        align-items: center;
        z-index: 1;
        font-size: 12px;
        font-weight: 800;
        justify-content: space-between;
        > .left-toolbar,
        .right-toolbar {
            > .toolbar-item {
                cursor: pointer;
                padding: 3px;
                color: rgb(157, 165, 180);
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 2px;
            }
            > .toolbar-item:hover {
                background-color: rgba(106, 108, 109, 0.31);
            }
            .ivu-select-selection,
            .ivu-select-selected-value {
                height: 22px;
                line-height: 22px;
                border: 0px;
                border-radius: 0px;
                background: transparent;
                color: rgb(157, 165, 180);
            }
        }
    }

    > .toolbar.vs-dark {
        background-color: rgb(33, 37, 43);
    }

    .code-editor-wrapper {
        min-height: 278px;
        height: calc(100% - 22px);
        width: 100%;
    }
}