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

table formatting

Browse Source
This commit is contained in:
proddy
2024-10-12 01:06:09 +01:00
parent 4fac364600
commit ebd7d86502
2 changed files with 36 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -103,6 +103,10 @@ const Dashboard = () => {
// border-top: 1px solid #0000;
// border-bottom: 1px solid #0000;
}
&.tr.tr-body.row-select.row-select-single-selected {
background-color: #177ac9;
font-weight: normal;
}
&:hover .td {
background-color: #177ac9;
// border-top: 1px solid #177ac9;
@@ -206,8 +210,10 @@ const Dashboard = () => {
(parseInt(id.slice(0, 2), 16) & mask) === mask;
const editDashboardValue = (di: DashboardItem) => {
if (me.admin && di.dv?.c) {
setSelectedDashboardItem(di);
setDeviceValueDialogOpen(true);
}
};
const handleShowAll = (
@@ -282,7 +288,11 @@ const Dashboard = () => {
{(tableList: DashboardItem[]) => (
<Body>
{tableList.map((di: DashboardItem) => (
<Row key={di.id} item={di}>
<Row
key={di.id}
item={di}
onClick={() => editDashboardValue(di)}
>
{di.id > 99 ? (
<>
<Cell>{showName(di)}</Cell>

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

@@ -148,22 +148,23 @@ const Devices = () => {
}
`,
Row: `
background-color: #1E1E1E;
position: relative;
cursor: pointer;
background-color: #1E1E1E;
// position: relative;
.td {
padding: 8px;
border-top: 1px solid #565656;
border-bottom: 1px solid #565656;
// border-top: 1px solid #565656;
// border-bottom: 1px solid #565656;
}
&.tr.tr-body.row-select.row-select-single-selected {
background-color: #3d4752;
background-color: #177ac9;
font-weight: normal;
}
&:hover .td {
border-top: 1px solid #177ac9;
border-bottom: 1px solid #177ac9;
}
// &:hover .td {
// background-color: #177ac9;
// border-top: 1px solid #177ac9;
// border-bottom: 1px solid #177ac9;
// }
`
});
@@ -174,14 +175,18 @@ const Devices = () => {
--data-table-library_grid-template-columns: repeat(1, minmax(0, 1fr)) 130px;
`,
BaseRow: `
.td {
height: 42px;
}
// .td {
// height: 42px;
// }
`,
HeaderRow: `
.th {
padding: 8px;
height: 36px;
`,
Row: `
&:hover .td {
background-color: #177ac9;
`
}
]);
@@ -222,6 +227,11 @@ const Devices = () => {
Row: `
&:nth-of-type(odd) .td {
background-color: #303030;
},
&:hover .td {
background-color: #177ac9;
// border-top: 1px solid #177ac9;
// border-bottom: 1px solid #177ac9;
}
`
}