formatting table

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

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,6 +223,13 @@ const Dashboard = () => {
return ( return (
<> <>
<Box
sx={{
backgroundColor: 'black',
pt: 1,
pl: 2
}}
>
<Grid container spacing={0} justifyContent="flex-start"> <Grid container spacing={0} justifyContent="flex-start">
<Grid size={11}> <Grid size={11}>
<Typography mb={2} variant="body1" color="warning"> <Typography mb={2} variant="body1" color="warning">
@@ -260,6 +254,7 @@ const Dashboard = () => {
</ToggleButtonGroup> </ToggleButtonGroup>
</Grid> </Grid>
</Grid> </Grid>
</Box>
<Box <Box
padding={1} padding={1}

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;
} }
` `
} }