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

spacing

Browse source
This commit is contained in:
Carter 2025-02-25 09:19:58 -06:00
parent 9a72668e35
commit 4829e8d841
1 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/pages/Devices.tsx
View file

@ -45,6 +45,14 @@ const useStyles = makeStyles((theme: Theme) => {
margin: theme.spacing(1),
marginLeft: theme.spacing(2),
display: "flex",
width: theme.spacing(10)
// justifyContent: "center",
},
descriptionCellContainer: {
margin: theme.spacing(1),
marginLeft: theme.spacing(2),
display: "flex",
width: theme.spacing(32)
// justifyContent: "center",
},
green: {
@ -302,11 +310,11 @@ export default function Devices() {
render: (device: Device) => {
const description = device.settings?.description ?? ""
return (
<Box className={classes.cellContainer}>
<Box className={classes.descriptionCellContainer}>
<Tooltip title={device.settings?.description}>
<span>
{description.length > 20
? description.substring(0, 20) + "..."
{description.length > 32
? description.substring(0, 32) + "..."
: description}
</span>
</Tooltip>