Merge pull request #1669 from terrestris/mobileToolMenu

fix: adjust width in mobile version
terrestris · Jun 27, 2024 · b90ae73 · b90ae73
2 parents 9bc4b18 + 7de1d41
commit b90ae73
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/ToolMenu/index.tsx b/src/components/ToolMenu/index.tsx
@@ -90,11 +90,13 @@ export type ToolPanelConfig = {
 };
 
 export type ToolMenuProps = Partial<CollapsePanelProps> & {
+  collapseWidth?: number;
   minWidth?: number;
   maxWidth?: number;
 };
 
 export const ToolMenu: React.FC<ToolMenuProps> = ({
+  collapseWidth = 40,
   minWidth = 240,
   maxWidth = 600,
   ...restProps
@@ -128,8 +130,9 @@ export const ToolMenu: React.FC<ToolMenuProps> = ({
 
     if (isMobile) {
       setCollapsed(true);
+      setWidth(collapseWidth);
     }
-  }, []);
+  }, [collapseWidth]);
 
   useEffect(() => {
     if (menuTools.length < 1) {
@@ -419,7 +422,7 @@ export const ToolMenu: React.FC<ToolMenuProps> = ({
             if (collapsed){
               setWidth(noCollapseWidth);
             } else {
-              setWidth(40);
+              setWidth(collapseWidth);
             }
           }}
         />