iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: events visualization

Browse Source
This commit is contained in:
0x1d
2025-10-26 13:40:09 +01:00
parent 359d681c72
commit f6dc4e8bf3
10 changed files with 1591 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/styles/main.css
View File

@@ -559,11 +559,12 @@ p {
}
/* Topology graph node interactions */
#topology-graph-container .node {
#topology-graph-container .node, #events-graph-container .node {
cursor: pointer;
}
#topology-graph-container .node:hover circle:first-child {
#topology-graph-container .node:hover circle:first-child,
#events-graph-container .node:hover circle:first-child {
filter: brightness(1.2);
}
@@ -4335,7 +4336,7 @@ select.param-input:focus {
width: 100%; /* Use full container width */
}
#topology-graph-container {
#topology-graph-container, #events-graph-container {
background: var(--bg-tertiary);
border-radius: 12px;
height: 100%;
@@ -4351,24 +4352,27 @@ select.param-input:focus {
max-height: 100%; /* Ensure it doesn't exceed parent height */
}
#topology-graph-container svg {
#topology-graph-container svg, #events-graph-container svg {
width: 100%;
height: 100%;
}
#topology-graph-container .loading,
#topology-graph-container .error,
#topology-graph-container .no-data {
#topology-graph-container .no-data,
#events-graph-container .loading,
#events-graph-container .error,
#events-graph-container .no-data {
text-align: center;
color: var(--text-tertiary);
font-size: 1.1rem;
}
#topology-graph-container .error {
#topology-graph-container .error, #events-graph-container .error {
color: var(--accent-error);
}
#topology-graph-container .no-data {
#topology-graph-container .no-data, #events-graph-container .no-data {
color: rgba(255, 255, 255, 0.5);
}