style(skeleton): update setting pane styles

alibaba · Dec 25, 2023 · 0015209 · 0015209
1 parent 7332299
commit 0015209
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx b/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
@@ -65,8 +65,10 @@ export class SettingsPrimaryPane extends Component<ISettingsPrimaryPaneProps, {
           {createIcon(settings.componentMeta?.icon, {
             className: 'lc-settings-navigator-icon',
           })}
-          <Title title={settings.componentMeta!.title} />
-          <span> x {settings.nodes.length}</span>
+          <div style={{ marginLeft: '5px' }}>
+            <Title title={settings.componentMeta!.title} />
+            <span> x {settings.nodes.length}</span>
+          </div>
         </div>
       );
     }

diff --git a/packages/utils/src/create-icon.tsx b/packages/utils/src/create-icon.tsx
@@ -30,7 +30,10 @@ export function createIcon(
     return cloneElement(icon, { ...props });
   }
   if (isReactComponent(icon)) {
-    return createElement(icon, { ...props });
+    return createElement(icon, {
+      class: props?.className,
+      ...props,
+    });
   }
 
   return <Icon {...icon} {...props} />;