fix: LLMMulitWheel tool style adjustment

open-mmlab · Oct 23, 2024 · eb763ac · eb763ac
1 parent 80d2239
commit eb763ac
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/packages/lb-components/src/components/LLMMultiWheelView/index.tsx b/packages/lb-components/src/components/LLMMultiWheelView/index.tsx
@@ -49,6 +49,7 @@ export const LLMMultiWheelSourceView: React.FC<ILLMMultiWheelSourceViewProps> =
           style={{
             display: 'flex',
             justifyContent: 'flex-end',
+            margin: '10px',
           }}
         >
           <ToggleDataFormatType

diff --git a/packages/lb-components/src/views/MainView/LLMMultiWheelLayout/index.tsx b/packages/lb-components/src/views/MainView/LLMMultiWheelLayout/index.tsx
@@ -5,6 +5,7 @@ import { classnames } from '@/utils';
 import { getClassName } from '@/utils/dom';
 import { Layout } from 'antd/es';
 import _ from 'lodash';
+import { Resizable } from 're-resizable';
 import React from 'react';
 import Sidebar from '../sidebar';
 import ToolFooter from '../toolFooter';
@@ -36,10 +37,21 @@ const LLMMultiWheelLayout: React.FC<AppProps & IProps> = (props) => {
         />
         <ToolFooter style={props.style?.footer} mode={props.mode} footer={props?.footer} />
       </Content>
-      <Sider className={`${layoutCls}__side`} width={600} style={{ position: 'relative' }}>
-        <Sidebar sider={props?.sider} checkMode={props?.checkMode} />
-        {props.drawLayerSlot?.({})}
-      </Sider>
+      <Resizable
+        defaultSize={{
+          width: 600,
+        }}
+        enable={{ left: true }}
+      >
+        <Sider
+          className={`${layoutCls}__side`}
+          width='100%'
+          style={{ position: 'relative', height: '100%' }}
+        >
+          <Sidebar sider={props?.sider} checkMode={props?.checkMode} />
+          {props.drawLayerSlot?.({})}
+        </Sider>
+      </Resizable>
     </Layout>
   );
 };