Fix sizing of page container (mui#2974)

Janpot · Dec 6, 2023 · 9a4b3d3 · 9a4b3d3
1 parent 2ca517e
commit 9a4b3d3
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 2 deletions.
diff --git a/...react-pages/toolpad/pages/qrcode/page.tsx → ...es/react-pages/toolpad/pages/foo/page.tsx b/...react-pages/toolpad/pages/qrcode/page.tsx → ...es/react-pages/toolpad/pages/foo/page.tsx
@@ -22,7 +22,7 @@ export default function MyPage() {
   });
 
   return (
-    <Box sx={{ width: '100%', height: 400, m: 2 }}>
+    <Box sx={{ width: '100%', height: 400, p: 2 }}>
       <DataGrid
         rows={rows}
         columns={COLUMNS}

diff --git a/...react-pages/toolpad/pages/qrcode/page.yml → ...es/react-pages/toolpad/pages/foo/page.yml b/...react-pages/toolpad/pages/qrcode/page.yml → ...es/react-pages/toolpad/pages/foo/page.yml
diff --git a/packages/toolpad-app/src/runtime/AppLayout.tsx b/packages/toolpad-app/src/runtime/AppLayout.tsx
@@ -119,7 +119,7 @@ export function AppLayout({
           search={retainedSearch}
         />
       ) : null}
-      {children}
+      <Box sx={{ minWidth: 0, flex: 1, position: 'relative' }}>{children}</Box>
     </Box>
   );
 }