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

fix: graph styling

Browse Source
This commit is contained in:
0x1d
2025-09-13 13:50:46 +02:00
parent 0b341ad6dd
commit 3055c2cb0e
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -168,7 +168,7 @@ class TopologyGraphComponent extends Component {
.attr('height', '100%') .attr('height', '100%')
.attr('viewBox', `0 0 ${this.width} ${this.height}`) .attr('viewBox', `0 0 ${this.width} ${this.height}`)
.style('border', '1px solid rgba(255, 255, 255, 0.1)') .style('border', '1px solid rgba(255, 255, 255, 0.1)')
.style('background', 'rgba(0, 0, 0, 0.2)') //.style('background', 'rgba(0, 0, 0, 0.2)')
.style('border-radius', '12px'); .style('border-radius', '12px');
// Add zoom behavior // Add zoom behavior
@@ -280,7 +280,7 @@ class TopologyGraphComponent extends Component {
.attr('x', 15) .attr('x', 15)
.attr('y', 4) .attr('y', 4)
.attr('font-size', '13px') .attr('font-size', '13px')
.attr('fill', '#ecf0f1') .attr('fill', 'var(--text-primary)')
.attr('font-weight', '500'); .attr('font-weight', '500');
// IP // IP
@@ -289,7 +289,7 @@ class TopologyGraphComponent extends Component {
.attr('x', 15) .attr('x', 15)
.attr('y', 20) .attr('y', 20)
.attr('font-size', '11px') .attr('font-size', '11px')
.attr('fill', 'rgba(255, 255, 255, 0.7)'); .attr('fill', 'var(--text-secondary)');
// Status text // Status text
node.append('text') node.append('text')
@@ -307,7 +307,7 @@ class TopologyGraphComponent extends Component {
.data(links) .data(links)
.enter().append('text') .enter().append('text')
.attr('font-size', '12px') .attr('font-size', '12px')
.attr('fill', '#ecf0f1') .attr('fill', 'var(--text-primary)')
.attr('font-weight', '600') .attr('font-weight', '600')
.attr('text-anchor', 'middle') .attr('text-anchor', 'middle')
.style('text-shadow', '0 1px 2px rgba(0, 0, 0, 0.8)') .style('text-shadow', '0 1px 2px rgba(0, 0, 0, 0.8)')

1
public/styles/main.css
View File

@@ -2160,7 +2160,6 @@ p {
word-break: break-word; word-break: break-word;
font-family: 'Courier New', monospace; font-family: 'Courier New', monospace;
font-size: 0.85rem; font-size: 0.85rem;
background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08);
padding: 0.5rem; padding: 0.5rem;
border-radius: 6px; border-radius: 6px;