Make Spacer height resizable

apedroferreira · Feb 23, 2024 · 1dba2a3 · 1dba2a3
1 parent 1ae8a85
commit 1dba2a3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/toolpad-app/src/toolpad/AppEditor/PageEditor/RenderPanel/RenderOverlay.tsx b/packages/toolpad-app/src/toolpad/AppEditor/PageEditor/RenderPanel/RenderOverlay.tsx
@@ -1474,7 +1474,9 @@ export default function RenderOverlay({ bridge }: RenderOverlayProps) {
           isElementNode &&
           !isPageRow(node) &&
           !isPageColumn(node) &&
-          (nodeComponentId === 'Chart' || nodeComponentId === 'DataGrid');
+          (nodeComponentId === 'Chart' ||
+            nodeComponentId === 'DataGrid' ||
+            nodeComponentId === 'Spacer');
 
         const isResizing = Boolean(draggedEdge);
         const isResizingNode = isResizing && node.id === draggedNodeId;

diff --git a/packages/toolpad-components/src/Spacer.tsx b/packages/toolpad-components/src/Spacer.tsx
@@ -3,7 +3,7 @@ import { Box, BoxProps } from '@mui/material';
 import createBuiltin from './createBuiltin';
 import { SX_PROP_HELPER_TEXT } from './constants';
 
-const SPACER_MINIMUM_HEIGHT = 20; // pixels
+const SPACER_MINIMUM_HEIGHT = 60; // pixels
 
 function Spacer(props: BoxProps) {
   return <Box {...props} height="100%" minHeight={SPACER_MINIMUM_HEIGHT} />;