updated row height range

Author: raheeliftikhar5

client/packages/lowcoder/src/components/ThemeSettingsSelector.tsx

@@ -576,8 +576,8 @@ export default function ThemeSettingsSelector(props: ColorConfigProps) {
 
           <Slider 
             style={{ width: "90%", margin: "8px 5% 0 5%"}}
-            min={6}  // Define the minimum value for the slider
-            max={20} // Define the maximum value for the slider
+            min={4}  // Define the minimum value for the slider
+            max={100} // Define the maximum value for the slider
             value={parseInt(gridRowHeight || "8")}
             onChange={(value) => setGridRowHeight(value.toString())}
             onChangeComplete={(value) => gridSizeInputBlur(value.toString())}

client/packages/lowcoder/src/comps/comps/appSettingsComp.tsx

@@ -216,7 +216,7 @@ const childrenMap = {
   lowcoderCompVersion: withDefault(StringControl, 'latest'),
   maxWidth: dropdownInputSimpleControl(OPTIONS, USER_DEFINE, "1920"),
   gridColumns: RangeControl.closed(8, 48, 24),
-  gridRowHeight: RangeControl.closed(6, 20, 8),
+  gridRowHeight: RangeControl.closed(4, 100, 8),
   gridRowCount: withDefault(NumberControl, DEFAULT_ROW_COUNT),
   gridPaddingX: withDefault(NumberControl, 20),
   gridPaddingY: withDefault(NumberControl, 20),

client/packages/lowcoder/src/comps/comps/containerComp/containerView.tsx

@@ -484,7 +484,7 @@ export const InnerGrid = React.memo((props: ViewPropsWithSelect) => {
       setRowCount(Infinity);
       onRowCountChange?.(0);
     }
-  }, [isRowCountLocked, onRowCountChange]);
+  }, [isRowCountLocked, positionParams.rowHeight, onRowCountChange]);
 
   // log.info("rowCount:", currentRowCount, "rowHeight:", currentRowHeight);