@farris/ui-vue/components/json-editor/index.css

Farris Vue, a Farris Design based Vue3 component library.

.fv-json-editor{display:flex;flex-direction:column;height:100%;border-radius:8px;border:1px solid #dee1ea;margin:0 15px;overflow:hidden}.fv-json-editor-header,.fv-json-editor-row{display:flex;overflow:hidden}.fv-json-editor-header{flex:0 0 auto;color:#5a5e66;font-weight:700;font-size:13px;line-height:27px;background-color:#eaedf3;cursor:default}.fv-json-editor-body{flex:1 0 0;overflow-y:auto}.fv-json-editor-key-col,.fv-json-editor-value-col,.fv-json-editor-operation-col{padding:4px 8px}.fv-json-editor-key-col{flex:0 0 270px}.fv-json-editor-value-col{flex:1 1 0}.fv-json-editor-operation-col{flex:0 0 50px;position:relative;text-align:center}.fv-json-editor-delete-button{display:flex;justify-content:center;align-items:center;overflow:hidden;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;top:0;right:0;bottom:0;left:0}.fv-json-editor-delete-icon.f-icon{color:#2d2f33}.fv-json-editor-add-button{display:inline-block;padding:4px 8px;color:#2a87ff;-webkit-user-select:none;user-select:none;cursor:pointer}.fv-json-editor-add-button:hover{color:#529dff}.fv-json-editor-add-text{margin-left:5px}.fv-json-editor-placeholder{display:block;height:100%;position:relative}.fv-json-editor-default-add-button{display:inline-block;width:151px;height:42px;line-height:42px;text-align:center;background-color:#f9fafe;border:1px solid rgb(232,235,242);box-shadow:0 2px 6px #1f23290f;border-radius:10px;color:#5296ff;position:absolute;top:95px;left:0;right:0;margin:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.fv-json-editor-default-add-text{margin-left:5px}.fv-json-editor-value-col .form-group{margin-bottom:0}.popover.fv-editable-combo-popup{background-color:#fff}.fv-editable-combo-list{-webkit-user-select:none;user-select:none}.fv-editable-combo-list-placeholder{padding:10px 12px;line-height:20px;font-size:14px;color:#ccc;border-bottom:1px solid #EAECF3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed}.fv-editable-combo-list-item{padding:4px 12px;line-height:20px;font-size:14px;border-bottom:1px solid #EAECF3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.fv-editable-combo-list-item:hover{background-color:#edf5ff}.fv-editable-combo-list-close{display:block;height:25px;line-height:25px;font-size:14px;color:#2a87ff;text-align:center;cursor:pointer}.fv-editable-combo-list-close:hover{color:#529dff}