@chief-editor/ui/css/components/JSONEditor/styles.less

UI Component for chief editor

@import "./var.less";
@import "./mixin.less";
@import "./darktheme.less";

.@{prefixCls} {
    &-json-editor {
        height: 420px;
        width: 540px;

        .jsoneditor-statusbar {
            background-color: #151A1F;
            border-color: #151A1F;
        }
    }
}

.@{prefixCls}-json-editor-modal {
    .@{prefixCls} {
        &-modal-content-container {
            width: auto;
        }

        &-editor-modal-confirm {
            display: flex;
            padding: 0px 20px;
        }

        &-modal-content-footer {
            .@{prefixCls}-modal-content-inner-wrapper {
                display: flex;
                justify-content: flex-end;
            }
        }
    }
}