brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed column sizing when all gas readings are visible

Browse source
This commit is contained in:
Carter 2025-05-26 09:42:39 -06:00
parent eacc32352b
commit 48d792d76d
1 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/pages/Devices.tsx
View file

@ -59,14 +59,14 @@ const useStyles = makeStyles((theme: Theme) => {
margin: theme.spacing(1),
marginLeft: theme.spacing(2),
display: "flex",
width: theme.spacing(32)
// width: theme.spacing(26)
// justifyContent: "center",
},
tagsCellContainer: {
margin: theme.spacing(1),
marginLeft: theme.spacing(2),
display: "flex",
width: theme.spacing(24)
width: theme.spacing(18)
// justifyContent: "center",
},
green: {
@ -382,12 +382,13 @@ export default function Devices() {
title: "Description",
render: (device: Device) => {
const description = device.settings?.description ?? ""
let size = (hasCo2 && !groupGas) ? 26 : 36
return (
<Box className={classes.descriptionCellContainer}>
<Tooltip title={device.settings?.description}>
<Box className={classes.descriptionCellContainer} width={size*6}>
<Tooltip title={description}>
<span>
{description.length > 36
? description.substring(0, 36) + "..."
{description.length > size
? description.substring(0, size) + "..."
: description}
</span>
</Tooltip>