consistent design between dashboard and device tables

This commit is contained in:
proddy
2025-10-25 16:59:20 +02:00
parent accfeab6fa
commit c32ee4dfb5
2 changed files with 68 additions and 49 deletions

View File

@@ -206,7 +206,7 @@ const Dashboard = memo(() => {
// if its a device (parent node) and has entities
if (di.nodes?.length) {
return (
<span style={{ fontWeight: 'bold', fontSize: '14px' }}>
<span style={{ fontSize: '15px' }}>
<DeviceIcon type_id={di.t ?? 0} />
&nbsp;&nbsp;{showType(di.n, di.t)}
<span style={{ color: 'lightblue' }}>&nbsp;({di.nodes?.length})</span>
@@ -312,7 +312,7 @@ const Dashboard = memo(() => {
flexDirection="column"
sx={{
borderRadius: 1,
border: '1px solid grey'
border: '1px solid rgb(65, 65, 65)'
}}
>
<IconContext.Provider

View File

@@ -176,6 +176,12 @@ const Devices = memo(() => {
useTheme([
common_theme,
{
BaseRow: `
font-size: 15px;
.td {
height: 28px;
}
`,
Table: `
--data-table-library_grid-template-columns: repeat(1, minmax(0, 1fr)) 130px;
`,
@@ -184,9 +190,12 @@ const Devices = memo(() => {
padding: 8px;
`,
Row: `
font-weight: bold;
&:nth-of-type(odd) .td {
background-color: #303030;
},
&:hover .td {
background-color: #177ac9;
},
`
}
]),
@@ -526,6 +535,15 @@ const Devices = memo(() => {
const renderCoreData = () => (
<>
<Box
padding={1}
justifyContent="center"
flexDirection="column"
sx={{
borderRadius: 1,
border: '1px solid rgb(65, 65, 65)'
}}
>
<IconContext.Provider
value={{
color: 'lightblue',
@@ -575,6 +593,7 @@ const Devices = memo(() => {
</Table>
)}
</IconContext.Provider>
</Box>
</>
);