andry/EMS-ESP32
1
0
Fork 0
mirror of https://github.com/emsesp/EMS-ESP32.git synced 2025-12-06 15:59: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: ` Row: `
cursor: pointer; cursor: pointer;
background-color: #1e1e1e; 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 { &:hover .td {
background-color: #177ac9; background-color: #177ac9;
// border-top: 1px solid #177ac9;
// border-bottom: 1px solid #177ac9;
} }
`, `,
BaseCell: ` BaseCell: `
@@ -236,30 +223,38 @@ const Dashboard = () => {
return ( return (
<> <>
<Grid container spacing={0} justifyContent="flex-start"> <Box
<Grid size={11}> sx={{
<Typography mb={2} variant="body1" color="warning"> backgroundColor: 'black',
{LL.DASHBOARD_1()} pt: 1,
</Typography> pl: 2
</Grid> }}
>
<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"> <Grid size={1} alignItems="end">
<ToggleButtonGroup <ToggleButtonGroup
color="primary" color="primary"
size="small" size="small"
value={showAll} value={showAll}
exclusive exclusive
onChange={handleShowAll} onChange={handleShowAll}
> >
<ToggleButton value={true}> <ToggleButton value={true}>
<UnfoldMoreIcon sx={{ fontSize: 14 }} /> <UnfoldMoreIcon sx={{ fontSize: 14 }} />
</ToggleButton> </ToggleButton>
<ToggleButton value={false}> <ToggleButton value={false}>
<UnfoldLessIcon sx={{ fontSize: 14 }} /> <UnfoldLessIcon sx={{ fontSize: 14 }} />
</ToggleButton> </ToggleButton>
</ToggleButtonGroup> </ToggleButtonGroup>
</Grid>
</Grid> </Grid>
</Grid> </Box>
<Box <Box
padding={1} padding={1}

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

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