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

formatting table

Browse Source
This commit is contained in:
proddy
2024-10-13 18:40:57 +01:00
parent 55bcc4410b
commit 3c1bfa0f3e
2 changed files with 30 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
interface/src/app/main/Dashboard.tsx
View File

@@ -99,21 +99,8 @@ const Dashboard = () => {
Row: `
cursor: pointer;
background-color: #1e1e1e;
.td {
// TODO remove
// border-top: 1px solid #0000;
// border-bottom: 1px solid #0000;
}
// TODO remove
// &.tr.tr-body.row-select.row-select-single-selected {
// background-color: #177ac9;
// font-weight: normal;
// color: red;
// }
&:hover .td {
background-color: #177ac9;
// border-top: 1px solid #177ac9;
// border-bottom: 1px solid #177ac9;
}
`,
BaseCell: `
@@ -236,30 +223,38 @@ const Dashboard = () => {
return (
<>
<Grid container spacing={0} justifyContent="flex-start">
<Grid size={11}>
<Typography mb={2} variant="body1" color="warning">
{LL.DASHBOARD_1()}
</Typography>
</Grid>
<Box
sx={{
backgroundColor: 'black',
pt: 1,
pl: 2
}}
>
<Grid container spacing={0} justifyContent="flex-start">
<Grid size={11}>
<Typography mb={2} variant="body1" color="warning">
{LL.DASHBOARD_1()}
</Typography>
</Grid>
<Grid size={1} alignItems="end">
<ToggleButtonGroup
color="primary"
size="small"
value={showAll}
exclusive
onChange={handleShowAll}
>
<ToggleButton value={true}>
<UnfoldMoreIcon sx={{ fontSize: 14 }} />
</ToggleButton>
<ToggleButton value={false}>
<UnfoldLessIcon sx={{ fontSize: 14 }} />
</ToggleButton>
</ToggleButtonGroup>
<Grid size={1} alignItems="end">
<ToggleButtonGroup
color="primary"
size="small"
value={showAll}
exclusive
onChange={handleShowAll}
>
<ToggleButton value={true}>
<UnfoldMoreIcon sx={{ fontSize: 14 }} />
</ToggleButton>
<ToggleButton value={false}>
<UnfoldLessIcon sx={{ fontSize: 14 }} />
</ToggleButton>
</ToggleButtonGroup>
</Grid>
</Grid>
</Grid>
</Box>
<Box
padding={1}

13
interface/src/app/main/Devices.tsx
View File

@@ -150,23 +150,13 @@ const Devices = () => {
Row: `
cursor: pointer;
background-color: #1E1E1E;
// position: relative;
.td {
padding: 8px;
// TODO remove
// border-top: 1px solid #565656;
// border-bottom: 1px solid #565656;
}
&.tr.tr-body.row-select.row-select-single-selected {
background-color: #177ac9;
font-weight: normal;
}
// TODO remove
// &:hover .td {
// background-color: #177ac9;
// border-top: 1px solid #177ac9;
// border-bottom: 1px solid #177ac9;
// }
`
});
@@ -232,9 +222,6 @@ const Devices = () => {
},
&:hover .td {
background-color: #177ac9;
// TODO remove
// border-top: 1px solid #177ac9;
// border-bottom: 1px solid #177ac9;
}
`
}