Make device list fill its container

This commit is contained in:
2025-10-16 01:53:29 -06:00
parent 0da51bce19
commit 171a67df2c

View File

@@ -1021,11 +1021,16 @@ export default function DeviceList({
return ( return (
<Paper <Paper
sx={{ sx={{
m: 2, m: 0,
p: 0, p: 0,
bgcolor: "#1e1e1e", bgcolor: "#1e1e1e",
fontFamily: gridFontFamily, fontFamily: gridFontFamily,
color: "#f5f7fa", color: "#f5f7fa",
display: "flex",
flexDirection: "column",
flexGrow: 1,
width: "100%",
height: "100%",
}} }}
elevation={2} elevation={2}
> >
@@ -1166,18 +1171,20 @@ export default function DeviceList({
</Button> </Button>
</Box> </Box>
</Box> </Box>
<Box sx={{ px: 2, pb: 2 }}> <Box sx={{ px: 2, pb: 2, flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column" }}>
<Box <Box
className={gridWrapperClass} className={gridWrapperClass}
sx={{ sx={{
width: "100%", width: "100%",
height: 600, flexGrow: 1,
minHeight: 400, minHeight: 0,
height: "100%",
fontFamily: gridFontFamily, fontFamily: gridFontFamily,
"--ag-font-family": gridFontFamily, "--ag-font-family": gridFontFamily,
"--ag-icon-font-family": iconFontFamily, "--ag-icon-font-family": iconFontFamily,
"& .ag-root-wrapper": { "& .ag-root-wrapper": {
borderRadius: 1, borderRadius: 1,
minHeight: 400,
}, },
"& .ag-root, & .ag-header, & .ag-center-cols-container, & .ag-paging-panel": { "& .ag-root, & .ag-header, & .ag-center-cols-container, & .ag-paging-panel": {
fontFamily: gridFontFamily, fontFamily: gridFontFamily,