fix: graph styling
This commit is contained in:
@@ -168,7 +168,7 @@ class TopologyGraphComponent extends Component {
|
||||
.attr('height', '100%')
|
||||
.attr('viewBox', `0 0 ${this.width} ${this.height}`)
|
||||
.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');
|
||||
|
||||
// Add zoom behavior
|
||||
@@ -280,7 +280,7 @@ class TopologyGraphComponent extends Component {
|
||||
.attr('x', 15)
|
||||
.attr('y', 4)
|
||||
.attr('font-size', '13px')
|
||||
.attr('fill', '#ecf0f1')
|
||||
.attr('fill', 'var(--text-primary)')
|
||||
.attr('font-weight', '500');
|
||||
|
||||
// IP
|
||||
@@ -289,7 +289,7 @@ class TopologyGraphComponent extends Component {
|
||||
.attr('x', 15)
|
||||
.attr('y', 20)
|
||||
.attr('font-size', '11px')
|
||||
.attr('fill', 'rgba(255, 255, 255, 0.7)');
|
||||
.attr('fill', 'var(--text-secondary)');
|
||||
|
||||
// Status text
|
||||
node.append('text')
|
||||
@@ -307,7 +307,7 @@ class TopologyGraphComponent extends Component {
|
||||
.data(links)
|
||||
.enter().append('text')
|
||||
.attr('font-size', '12px')
|
||||
.attr('fill', '#ecf0f1')
|
||||
.attr('fill', 'var(--text-primary)')
|
||||
.attr('font-weight', '600')
|
||||
.attr('text-anchor', 'middle')
|
||||
.style('text-shadow', '0 1px 2px rgba(0, 0, 0, 0.8)')
|
||||
|
||||
@@ -2160,7 +2160,6 @@ p {
|
||||
word-break: break-word;
|
||||
font-family: 'Courier New', monospace;
|
||||
font-size: 0.85rem;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
padding: 0.5rem;
|
||||
border-radius: 6px;
|
||||
|
||||
Reference in New Issue
Block a user