layout changes to help text

This commit is contained in:
proddy
2022-03-30 13:15:48 +02:00
parent cb9ddb299a
commit 84e21ab992

View File

@@ -116,14 +116,27 @@ const SettingsCustomization: FC = () => {
return ( return (
<> <>
<Box mb={2} color="warning.main"> <Box mb={1} color="warning.main">
<Typography variant="body2"> Select a device and customize each entity using the options:
You can mark an entity as a favorite to be listed first in the Dashboard ( <Typography display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}>
<FavoriteBorderOutlinedIcon color="success" fontSize="small" />) ,or remove it entirely from the Dashboard ( &nbsp;
<VisibilityOffOutlinedIcon color="action" fontSize="small" />) ,or disable it's write operation ( <FavoriteBorderOutlinedIcon color="success" fontSize="small" />
<EditOffOutlinedIcon color="action" fontSize="small" />) or have it excluded from the MQTT and API outputs ( &nbsp;mark it as favorite to be listed at the top of the Dashboard
</Typography>
<Typography display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}>
&nbsp;
<VisibilityOffOutlinedIcon color="action" fontSize="small" />
&nbsp;hide from the Dashboard
</Typography>
<Typography display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}>
&nbsp;
<EditOffOutlinedIcon color="action" fontSize="small" />
&nbsp;make it read-only (if it has write operation available)
</Typography>
<Typography display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}>
&nbsp;
<CommentsDisabledOutlinedIcon color="action" fontSize="small" /> <CommentsDisabledOutlinedIcon color="action" fontSize="small" />
). &nbsp;excluded it from MQTT and API outputs
</Typography> </Typography>
</Box> </Box>
<ValidatedTextField <ValidatedTextField