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