From e105726dde8a80a6fcc0c2e76fd3b708da1f3857 Mon Sep 17 00:00:00 2001
From: ray_wuhao <443547225@qq.com>
Date: Mon, 27 Feb 2023 14:02:19 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B6=E9=83=A8=E6=93=8D=E4=BD=9C=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RayIcon/index.scss        | 4 +++-
 src/layout/components/SiderBar/index.tsx | 8 ++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/RayIcon/index.scss b/src/components/RayIcon/index.scss
index a98fd81e..6856ea24 100644
--- a/src/components/RayIcon/index.scss
+++ b/src/components/RayIcon/index.scss
@@ -5,7 +5,9 @@
   border: none;
   outline: none;
   text-align: center;
-  display: inline-block;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
   fill: currentColor;
   transform: translateZ(0);
   opacity: var(--ray-icon-depth);
diff --git a/src/layout/components/SiderBar/index.tsx b/src/layout/components/SiderBar/index.tsx
index 4b9bbb6b..609ab07d 100644
--- a/src/layout/components/SiderBar/index.tsx
+++ b/src/layout/components/SiderBar/index.tsx
@@ -42,6 +42,9 @@ const SiderBar = defineComponent({
     const modelDrawerPlacement = ref(settingStore.drawerPlacement)
     const showSettings = ref(false)
     const person = getCache('person')
+    const spaceItemStyle = {
+      display: 'flex',
+    }
 
     /**
      *
@@ -129,6 +132,7 @@ const SiderBar = defineComponent({
       updateLocale,
       handlePersonSelect,
       person,
+      spaceItemStyle,
     }
   },
   render() {
@@ -139,7 +143,7 @@ const SiderBar = defineComponent({
           align="center"
           justify="space-between"
         >
-          <NSpace align="center">
+          <NSpace align="center" itemStyle={this.spaceItemStyle}>
             {this.leftIconOptions.map((curr) => (
               <NTooltip>
                 {{
@@ -156,7 +160,7 @@ const SiderBar = defineComponent({
               </NTooltip>
             ))}
           </NSpace>
-          <NSpace align="center">
+          <NSpace align="center" itemStyle={this.spaceItemStyle}>
             {this.rightTooltipIconOptions.map((curr) => (
               <RayTooltipIcon
                 iconName={curr.name}