From 00152094c027565159492ca24d726528fce5df1b Mon Sep 17 00:00:00 2001
From: liujuping <liujup@foxmail.com>
Date: Mon, 25 Dec 2023 19:44:40 +0800
Subject: [PATCH] style(skeleton): update setting pane styles

---
 .../src/components/settings/settings-primary-pane.tsx       | 6 ++++--
 packages/utils/src/create-icon.tsx                          | 5 ++++-
 2 files changed, 8 insertions(+), 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
index a68647ed0..747a2ea1d 100644
--- 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
index 0a5d6c1ff..621b5c7ab 100644
--- 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} />;