andry/EMS-ESP32
1
0
Fork 0
mirror of https://github.com/emsesp/EMS-ESP32.git synced 2025-12-07 08:19:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

smaller icons

Browse Source
This commit is contained in:
Proddy
2022-04-01 09:16:12 +02:00
parent b455827c17
commit d427a4bd6c
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
interface/src/project/SettingsCustomization.tsx
View File

@@ -41,12 +41,12 @@ import { DeviceShort, Devices, DeviceEntity } from './types';
const StyledTableCell = styled(TableCell)(({ theme }) => ({ const StyledTableCell = styled(TableCell)(({ theme }) => ({
[`&.${tableCellClasses.head}`]: { [`&.${tableCellClasses.head}`]: {
backgroundColor: '#607d8b', backgroundColor: '#607d8b'
color: theme.palette.common.white, // color: theme.palette.common.white,
fontSize: 11 // fontSize: 12
}, },
[`&.${tableCellClasses.body}`]: { [`&.${tableCellClasses.body}`]: {
fontSize: 12 // fontSize: 12
} }
})); }));
@@ -119,19 +119,19 @@ const SettingsCustomization: FC = () => {
<Box color="warning.main"> <Box color="warning.main">
<Typography variant="body2">Select a device and customize each of its entities using the options:</Typography> <Typography variant="body2">Select a device and customize each of its entities using the options:</Typography>
<Typography mt={1} ml={2} display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}> <Typography mt={1} ml={2} display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}>
<FavoriteBorderOutlinedIcon color="success" fontSize="small" /> <FavoriteBorderOutlinedIcon color="success" sx={{ fontSize: 13 }} />
&nbsp;mark it as favorite to be listed at the top of the Dashboard &nbsp;mark it as favorite to be listed at the top of the Dashboard
</Typography> </Typography>
<Typography ml={2} display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}> <Typography ml={2} display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}>
<EditOffOutlinedIcon color="action" fontSize="small" /> <EditOffOutlinedIcon color="action" sx={{ fontSize: 13 }} />
&nbsp;make it read-only, only if it has write operation available &nbsp;make it read-only, only if it has write operation available
</Typography> </Typography>
<Typography ml={2} display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}> <Typography ml={2} display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}>
<CommentsDisabledOutlinedIcon color="action" fontSize="small" /> <CommentsDisabledOutlinedIcon color="action" sx={{ fontSize: 13 }} />
&nbsp;excluded it from MQTT and API outputs &nbsp;excluded it from MQTT and API outputs
</Typography> </Typography>
<Typography ml={2} mb={1} display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}> <Typography ml={2} mb={1} display="block" variant="body2" sx={{ alignItems: 'center', display: 'flex' }}>
<VisibilityOffOutlinedIcon color="action" fontSize="small" /> <VisibilityOffOutlinedIcon color="action" sx={{ fontSize: 13 }} />
&nbsp;hide it from the Dashboard &nbsp;hide it from the Dashboard
</Typography> </Typography>
</Box> </Box>
@@ -233,16 +233,16 @@ const SettingsCustomization: FC = () => {
}} }}
> >
<ToggleButton value="8" color="success" disabled={(de.m & 1) !== 0 || de.n === ''}> <ToggleButton value="8" color="success" disabled={(de.m & 1) !== 0 || de.n === ''}>
<FavoriteBorderOutlinedIcon fontSize="small" /> <FavoriteBorderOutlinedIcon sx={{ fontSize: 14 }} />
</ToggleButton> </ToggleButton>
<ToggleButton value="4" disabled={!de.w}> <ToggleButton value="4" disabled={!de.w}>
<EditOffOutlinedIcon fontSize="small" /> <EditOffOutlinedIcon sx={{ fontSize: 14 }} />
</ToggleButton> </ToggleButton>
<ToggleButton value="2"> <ToggleButton value="2">
<CommentsDisabledOutlinedIcon fontSize="small" /> <CommentsDisabledOutlinedIcon sx={{ fontSize: 14 }} />
</ToggleButton> </ToggleButton>
<ToggleButton value="1"> <ToggleButton value="1">
<VisibilityOffOutlinedIcon fontSize="small" /> <VisibilityOffOutlinedIcon sx={{ fontSize: 14 }} />
</ToggleButton> </ToggleButton>
</ToggleButtonGroup> </ToggleButtonGroup>
</StyledTableCell> </StyledTableCell>