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

feat: improve styling, add more infos to node cards

Browse Source
This commit is contained in:
0x1d
2025-09-20 13:28:10 +02:00
parent e4cfb77a67
commit 22adf7d65f
5 changed files with 165 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
public/styles/main.css
View File

@@ -782,10 +782,6 @@ p {
.latency-value {
color: var(--text-primary);
font-weight: 600;
background: var(--bg-secondary);
padding: 0.2rem 0.5rem;
border-radius: 4px;
border: 1px solid var(--border-primary);
}
/* Tab Styles */
@@ -4220,6 +4216,83 @@ html {
margin-bottom: 0.75rem;
}
.node-uptime {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
padding: 0.25rem 0;
}
.uptime-label {
color: var(--text-secondary);
font-size: 0.8rem;
font-weight: bold;
opacity: 0.8;
}
.uptime-value {
color: var(--text-primary);
font-size: 0.8rem;
font-weight: 600;
font-family: 'Courier New', monospace;
opacity: 0.9;
}
.node-latency {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
padding: 0.25rem 0;
}
.latency-label {
color: var(--text-secondary);
font-size: 0.8rem;
font-weight: bold;
opacity: 0.8;
}
.latency-value {
color: var(--text-primary);
font-size: 0.8rem;
font-weight: 600;
font-family: 'Courier New', monospace;
opacity: 0.9;
}
.latency-divider {
height: 1px;
background: var(--border-primary);
margin: 0.5rem 0;
opacity: 0.3;
}
.node-flash {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.75rem;
padding: 0.5rem;
background: var(--bg-primary);
border-radius: 6px;
border: 1px solid var(--border-primary);
}
.flash-label {
color: var(--text-secondary);
font-size: 0.875rem;
font-weight: 500;
}
.flash-value {
color: var(--text-primary);
font-size: 0.875rem;
font-weight: 600;
font-family: 'Courier New', monospace;
}
.status-badge {
display: inline-block;
padding: 0.25rem 0.5rem;