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

fix: cluster view header styling

Browse Source
This commit is contained in:
0x1d
2025-10-14 23:00:45 +02:00
parent 2cc62d1ee2
commit 39eae6562c
3 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@@ -62,7 +62,7 @@
</svg>
</button>
</div>
<div class="cluster-status">Cluster Online</div>
<div class="cluster-status">Cluster</div>
</div>
</div>
@@ -71,7 +71,7 @@
<div class="cluster-header">
<div class="cluster-header-left">
<div class="primary-node-info">
<span class="primary-node-label">Primary Node:</span>
<span class="primary-node-label">API:</span>
<span class="primary-node-ip" id="primary-node-ip">Discovering...</span>
<button class="primary-node-refresh" id="select-random-primary-btn"
title="Select random primary node">

8
public/scripts/components/ClusterStatusComponent.js
View File

@@ -56,13 +56,13 @@ class ClusterStatusComponent extends Component {
// Determine WebSocket status
if (this.wsConnected) {
wsStatusIcon = window.icon('dotGreen', { width: 10, height: 10 });
wsStatusText = 'Live';
wsStatusText = 'WS';
} else if (this.wsReconnectAttempts > 0) {
wsStatusIcon = window.icon('dotYellow', { width: 10, height: 10 });
wsStatusText = 'Reconnecting';
wsStatusText = 'WS Reconnecting';
} else {
wsStatusIcon = window.icon('dotRed', { width: 10, height: 10 });
wsStatusText = 'Offline';
wsStatusText = 'WS Offline';
}
if (error) {
@@ -74,7 +74,7 @@ class ClusterStatusComponent extends Component {
statusIcon = window.icon('dotRed', { width: 12, height: 12 });
statusClass = 'cluster-status-offline';
} else if (clientInitialized) {
statusText = 'Cluster Online';
statusText = 'Cluster';
statusIcon = window.icon('dotGreen', { width: 12, height: 12 });
statusClass = 'cluster-status-online';
} else {

3
public/styles/main.css
View File

@@ -108,8 +108,7 @@ p {
padding: 0.4rem 0.75rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 6px;
border: 1px solid var(--border-primary);
backdrop-filter: var(--backdrop-blur);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.primary-node-label {