diff --git a/packages/react-schema-editor/src/components/FieldEditor.css b/packages/react-schema-editor/src/components/FieldEditor.css index b14cf695fde..0a806af6150 100644 --- a/packages/react-schema-editor/src/components/FieldEditor.css +++ b/packages/react-schema-editor/src/components/FieldEditor.css @@ -1,13 +1,16 @@ -.field-group{ - -} -.field-group-title{ +.field-editor .field-group-title{ margin-top: 15px; font-size: 16px; } -.field-group-content{ +.field-editor .field-group-content{ display: flex; + align-items: flex-start; +} +.field-editor .field-group-content .field-group-form-item{ + width: 20%; + margin-right: 0; + padding-right: 10px; } -.field-group-form-item{ - flex: 1; +.field-editor .field-group-form-item.auto-complete .ant-form-item-control{ + margin-top: -1px; } diff --git a/packages/react-schema-editor/src/components/FieldEditor.tsx b/packages/react-schema-editor/src/components/FieldEditor.tsx index 3c678f19b7e..84bda43804b 100644 --- a/packages/react-schema-editor/src/components/FieldEditor.tsx +++ b/packages/react-schema-editor/src/components/FieldEditor.tsx @@ -7,7 +7,7 @@ import { Input, InputNumber, Select, - AutoComplete + AutoComplete, } from 'antd' import { getFieldTypeData, @@ -245,7 +245,7 @@ const FormItemGroup: React.FC = ({ = ({ className="field-group-form-item" > { handleXComponentPropsValueChange(value, property) @@ -447,7 +448,7 @@ const FieldEditor: React.FC = ({ value)}