admin: avoid large content to cause horizontal scrolling
Massimo Melina committed
Oct 7, 2023 at 15:45 UTC
7459ed5d3a4e17f718bd1eb9805440d8f6dcaeeb
1 file changed
+3
admin/src/App.ts
+3
@@ -26,6 +26,7 @@ function ApplyTheme(props:any) {
26
bgcolor: 'background.default', color: 'text.primary',
27
display: 'flex', flexDirection: 'column',
28
minHeight: '100%', flex: 1,
29
+ maxWidth: '100%',
30
},
31
...props
32
})
@@ -52,10 +53,12 @@ function Routed() {
53
backgroundSize: 'contain',
54
px: { xs: 1, sm: 2, md: 3 },
55
pb: '1em',
56
+ boxSizing: 'border-box', // keep padding inside the viewport
57
position: 'relative',
58
display: 'flex',
59
flexDirection: 'column',
60
width: '100%',
61
+ overflowX: 'clip', // keep wide things in space
62
}
63
},
64
title && large && h(Typography, { variant:'h2', mb:2 }, title),