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

style(NetworkConfigManager): update badge styles for gateways, interfaces, and pools to reflect active tab state
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m38s
Details

Browse Source
This commit is contained in:
denozord
2026-01-22 10:40:24 +07:00
parent 48419d577a
commit c925a22a99
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/NetworkConfigManager.jsx
+9 -3
View File
@@ -677,7 +677,9 @@ function NetworkConfigManager() {
> >
<IconWorld size={16} className="me-1 d-none d-sm-inline" /> <IconWorld size={16} className="me-1 d-none d-sm-inline" />
Gateways Gateways
<span className="badge bg-primary-lt text-primary ms-1">{config.gateways?.length || 0}</span> <span className={`badge ms-1 ${activeTab === 'gateways' ? 'bg-white text-primary' : 'bg-primary-lt text-primary'}`}>
{config.gateways?.length || 0}
</span>
</button> </button>
<button <button
className={`btn ${activeTab === 'interfaces' ? 'btn-primary' : 'btn-outline-primary'}`} className={`btn ${activeTab === 'interfaces' ? 'btn-primary' : 'btn-outline-primary'}`}
@@ -685,7 +687,9 @@ function NetworkConfigManager() {
> >
<IconRouter size={16} className="me-1 d-none d-sm-inline" /> <IconRouter size={16} className="me-1 d-none d-sm-inline" />
Интерфейсы Интерфейсы
<span className="badge bg-primary-lt text-primary ms-1">{config.tunnelInterfaces?.length || 0}</span> <span className={`badge ms-1 ${activeTab === 'interfaces' ? 'bg-white text-primary' : 'bg-primary-lt text-primary'}`}>
{config.tunnelInterfaces?.length || 0}
</span>
</button> </button>
<button <button
className={`btn ${activeTab === 'pools' ? 'btn-primary' : 'btn-outline-primary'}`} className={`btn ${activeTab === 'pools' ? 'btn-primary' : 'btn-outline-primary'}`}
@@ -693,7 +697,9 @@ function NetworkConfigManager() {
> >
<IconDatabase size={16} className="me-1 d-none d-sm-inline" /> <IconDatabase size={16} className="me-1 d-none d-sm-inline" />
IP пулы IP пулы
<span className="badge bg-primary-lt text-primary ms-1">{config.ipPools?.length || 0}</span> <span className={`badge ms-1 ${activeTab === 'pools' ? 'bg-white text-primary' : 'bg-primary-lt text-primary'}`}>
{config.ipPools?.length || 0}
</span>
</button> </button>
</div> </div>