denozord/router-lists-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance GraphView and ServerManager components with tunnel type styles and hover effects for improved visualization and user interaction
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 5m45s
Details

Browse Source
This commit is contained in:
denozord
2025-08-08 14:55:23 +07:00
parent 68e9d5be7d
commit 0e81f36200
2 changed files with 64 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ServerManager.jsx
+10 -1
View File
@@ -700,11 +700,20 @@ function ServerManager() {
/>
<div className="card w-100 mb-4">
<div className="card-header">
<div className="card-header d-flex justify-content-between align-items-center">
<h3 className="card-title mb-0">Граф связей между серверами</h3>
<div className="text-muted small">Поддержка: GRE, IPSec, WireGuard, OpenVPN</div>
</div>
<div className="card-body">
<GraphView servers={servers} connections={connections} />
<div className="mt-3">
<div className="d-flex align-items-center gap-3 flex-wrap">
<div className="d-flex align-items-center gap-2"><span style={{display:'inline-block',width:24,height:4,background:'#206bc4'}}></span><span className="text-muted small">GRE</span></div>
<div className="d-flex align-items-center gap-2"><span style={{display:'inline-block',width:24,height:4,background:'#f59f00',borderBottom:'2px dashed #f59f00'}}></span><span className="text-muted small">IPSec</span></div>
<div className="d-flex align-items-center gap-2"><span style={{display:'inline-block',width:24,height:4,background:'#2fb344'}}></span><span className="text-muted small">WireGuard</span></div>
<div className="d-flex align-items-center gap-2"><span style={{display:'inline-block',width:24,height:4,background:'#be4bdb',borderBottom:'2px dotted #be4bdb'}}></span><span className="text-muted small">OpenVPN</span></div>
</div>
</div>
</div>
</div>
<div className="card w-100 mb-4">