@etsoo/react 1.4.55 → 1.4.56

package/lib/mu/MobileListItemRenderer.js

@@ -22,6 +22,7 @@ export function MobileListItemRenderer({ data, itemHeight, margins }, renderer)
     // Loading
     if (data == null)
         return React.createElement(LinearProgress, null);
+    console.log('margins', margins);
     // Elements
     const [title, subheader, actions, children, cardActions] = renderer(data);
     return (React.createElement(Card, { sx: {
@@ -61,7 +62,8 @@ export function MobileListItemRenderer({ data, itemHeight, margins }, renderer)
                     }
                 } })) : (actions), title: title, titleTypographyProps: { variant: 'body2' }, subheader: subheader, subheaderTypographyProps: { variant: 'caption' } }),
         React.createElement(CardContent, { sx: {
-                paddingTop: 0
+                paddingTop: 0,
+                paddingBottom: cardActions == null ? margins : 0
             } }, children),
-        cardActions && cardActions));
+        cardActions));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.4.55",
+    "version": "1.4.56",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/mu/MobileListItemRenderer.tsx

@@ -36,6 +36,8 @@ export function MobileListItemRenderer<T>(
     // Loading
     if (data == null) return <LinearProgress />;
 
+    console.log('margins', margins);
+
     // Elements
     const [title, subheader, actions, children, cardActions] = renderer(data);
 
@@ -101,12 +103,13 @@ export function MobileListItemRenderer<T>(
             />
             <CardContent
                 sx={{
-                    paddingTop: 0
+                    paddingTop: 0,
+                    paddingBottom: cardActions == null ? margins : 0
                 }}
             >
                 {children}
             </CardContent>
-            {cardActions && cardActions}
+            {cardActions}
         </Card>
     );
 }