Nail/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v9.10: nav-back visible dark bg+bold, no arrows, node name bold+underline, svc italic

Browse Source
This commit is contained in:
Naeel
2026-04-16 15:03:15 +03:00
parent 4607f0a57d
commit 664bc92fe7
2 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
k8s/deployment.yaml
+1 -1
View File
@@ -15,7 +15,7 @@ spec:
spec:
containers:
- name: cloud-dashboard
image: naeel/cloud-dashboard:v9.9
image: naeel/cloud-dashboard:v9.10
imagePullPolicy: Always
ports:
- containerPort: 8080
static/index.html
+11 -9
View File
@@ -52,6 +52,9 @@
.s-creating { background: #1a2a3d; color: #58a6ff; }
.s-default { background: #2d2d2d; color: #8b949e; }
.main { padding: 20px 24px; flex: 1; overflow: hidden; display: flex; flex-direction: column; }
.nav-back { padding: 7px 20px; background: #21262d; color: #e1e4e8; font-size: 13px; font-weight: 700; border-bottom: 1px solid #30363d; }
.nav-back a { color: #e1e4e8; text-decoration: none; font-weight: 700; }
.nav-back a:hover { color: #fff; text-decoration: underline; }
.stats { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.stat-card { background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 8px 16px; text-align: center; min-width: 90px; }
.stat-card .num { font-size: 22px; font-weight: 700; }
@@ -150,9 +153,9 @@
body.light .deps-section h4 { color: #64748b; }
body.light .hist-table th { color: #64748b; border-bottom-color: #cbd5e1; }
body.light .hist-table td { border-bottom-color: #e2e8f0; color: #0f172a; }
body.light .nav-back { background: #ffffff; border-bottom-color: #cbd5e1; color: #475569; }
body.light .nav-back a { color: #475569; }
body.light .nav-back a:hover { color: #0f172a; }
body.light .nav-back { background: #e2e8f0; border-bottom-color: #cbd5e1; color: #334155; font-weight: 700; }
body.light .nav-back a { color: #0f172a; font-weight: 700; }
body.light .nav-back a:hover { color: #000; }
@media (max-width: 700px) {
td:nth-child(5), th:nth-child(5), td:nth-child(4), th:nth-child(4) { display: none; }
.params-grid, .deps-grid { grid-template-columns: 1fr; }
@@ -559,14 +562,12 @@ function drawGraph(containerId, data, focusUid, forceShowAux){
{ selector: "node.focus", style: { "border-color": "#facc15", "border-width": 3 }},
{ selector: "edge", style: {
"line-color": "data(color)",
"target-arrow-color": "data(color)",
"target-arrow-shape": "triangle",
"target-arrow-shape": "none",
"curve-style": "taxi",
"taxi-direction": "auto",
"taxi-turn": "50px",
"taxi-turn-min-distance": "10px",
"width": 2.4,
"arrow-scale": 1.3,
"opacity": 0.9
}}
],
@@ -583,10 +584,11 @@ function drawGraph(containerId, data, focusUid, forceShowAux){
valignBox: 'center',
tpl: function(d){
var fs = d.fontSize || 13;
var nameFs = Math.round(fs * 1.25);
var html = '<div style="text-align:center;color:#dbeafe;font-family:system-ui,sans-serif;padding:4px 6px;">';
html += '<div style="font-size:'+fs+'px;font-weight:600;word-break:break-word;white-space:normal;">' + (d.label||'') + '</div>';
if(d.svc) html += '<div style="font-size:'+(fs-1)+'px;margin-top:2px;">' + d.svc + '</div>';
if(d.age) html += '<div style="font-size:9px;font-style:italic;color:#9ca3af;margin-top:14px;">⏱ ' + d.age + '</div>';
html += '<div style="font-size:'+nameFs+'px;font-weight:700;text-decoration:underline;word-break:break-word;white-space:normal;">' + (d.label||'') + '</div>';
if(d.svc) html += '<div style="font-size:'+(fs-1)+'px;font-style:italic;margin-top:3px;color:#93c5fd;">' + d.svc + '</div>';
if(d.age) html += '<div style="font-size:9px;font-style:italic;color:#9ca3af;margin-top:10px;">⏱ ' + d.age + '</div>';
html += '</div>';
return html;
}