feat(gui): netwerk tab netwerk layout grafisch - 02

2026-02-22 19:59:45 +01:00
parent 18ee367e1d
commit 0337f1438f
3 changed files with 146 additions and 1 deletions
@@ -571,4 +571,32 @@ pre{
 }

 .mapLegend .legendSwatch.net{ background: rgba(80,160,255,0.35); }
-.mapLegend .legendSwatch.ctr{ background: rgba(150,230,150,0.30); }
+.mapLegend .legendSwatch.ctr{ background: rgba(150,230,150,0.30); }
+
+/* ===== Netwerken kaart (D3) ===== */
+.mapHost svg { width: 100%; height: 100%; display:block; }
+
+.graphLink{
+  stroke: rgba(255,255,255,0.22);
+  stroke-width: 1.2;
+}
+.graphLink.shared{
+  stroke-dasharray: 6 4;
+  stroke: rgba(255,255,255,0.28);
+}
+
+.graphNode circle{
+  stroke: rgba(255,255,255,0.18);
+  stroke-width: 1;
+}
+.graphNode.network circle{ fill: rgba(80,160,255,0.35); }
+.graphNode.container circle{ fill: rgba(150,230,150,0.30); }
+
+.graphLabel{
+  fill: rgba(255,255,255,0.82);
+  font-size: 12px;
+  pointer-events: none;
+}
+
+.graphDim{ opacity: 0.18; }
+.graphActive{ opacity: 1; stroke: rgba(255,255,255,0.55); stroke-width: 2; }