style: linkage rule style improve (#1625)

packages/core/client/src/schema-settings/LinkageRules/LinkageRuleAction.tsx

@@ -30,11 +30,24 @@ export const FormFieldLinkageRuleAction = observer((props: any) => {
   } = useValues(options);
   return (
     <LinkageLogicContext.Provider value={uid()}>
-      <div style={{ marginBottom: 8 }}>
+      <div
+        style={{ marginBottom: 8 }}
+        className={css`
+          .ant-space {
+            display: inline-block;
+          }
+        `}
+      >
         <Space
           className={css`
+            .ant-space {
+              display: inline-block;
+            }
             .ant-space-item {
               max-width: 95%;
+              display: inline-block;
+              margin: 2px;
+              vertical-align: top;
             }
           `}
         >

packages/core/client/src/schema-settings/LinkageRules/ValueDynamicComponent.tsx

@@ -30,7 +30,7 @@ export const ValueDynamicComponent = (props) => {
         <Option value="empty">{t('Empty')}</Option>
       </Select>
       {mode === 'constant' ? (
-        <div style={{ minWidth: 150, maxWidth: 430 }}>
+        <div style={{ minWidth: 150, maxWidth: 430, marginLeft: 5 }}>
           {React.createElement(DynamicComponent, {
             value: fieldValue?.value || fieldValue,
             schema,

packages/core/client/src/schema-settings/SchemaSettings.tsx

@@ -950,7 +950,7 @@ SchemaSettings.LinkageRules = (props) => {
     <SchemaSettings.ModalItem
       title={t('Linkage rules')}
       components={{ ArrayCollapse, FormLayout }}
-      width={750}
+      width={770}
       schema={
         {
           type: 'object',