style(ideContainer): 修改侧边栏样式和布局

src/pages/flowEditor/index.tsx

@@ -671,7 +671,7 @@ const FlowEditor: React.FC = () => {
         panOnScrollSpeed={0.5}
       >
         <Background />
-        <Controls />
+        {/*<Controls />*/}
         <Panel position="top-left">
           <div>从左侧拖拽节点到画布中</div>
           <Button onClick={saveFlowDataToServer} type="primary">保存</Button>

src/pages/ideContainer/sideBar.tsx

@@ -106,7 +106,7 @@ const SideBar: React.FC<SideBarProps> = ({ onMenuSelect, selectedKey, identity }
 
   return (
     <div
-      className={styles.sider}
+      className={styles['sider']}
     >
       <div className={styles['menu-container']}>
         {menu.map((item, index) => (
@@ -135,13 +135,9 @@ const SideBar: React.FC<SideBarProps> = ({ onMenuSelect, selectedKey, identity }
         }}
         onMoving={handleSubMenuResize}
       >
-        <div style={{
+        <div
-          width: '100%',
+          className={styles['sub-menu']}
-          height: '100%',
+        >
-          backgroundColor: '#f5f5f5',
-          borderRight: '1px solid #ddd',
-          position: 'relative'
-        }}>
           <Tree
             defaultExpandedKeys={['0-0']}
             onSelect={(_selectedKeys, info) => {

src/pages/ideContainer/style/sideBar.module.less

@@ -6,6 +6,7 @@
   background-color: var(--color-bg-2);
 }
 
+.menu-container {
   .menu-item {
     padding: 12px 4px;
     text-align: center;
@@ -24,14 +25,12 @@
       background-color: var(--color-fill-2);
       color: rgb(var(--primary-6));
     }
-}
 
     .menu-item-content {
       display: flex;
       flex-direction: column;
       align-items: center;
       width: 100%;
-}
 
       .menu-item-icon {
         display: flex;
@@ -53,3 +52,15 @@
         width: 100%;
         padding: 0 5px;
       }
+    }
+  }
+}
+
+.sub-menu {
+  width: 100%;
+  height: 100%;
+  background-color: #fcfcfc;
+  border-right: 1px solid #ddd;
+  position: relative;
+  border-left: 1px solid #ddd;
+}