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

refactor(NetworkConfigManager): adjust layout dimensions for improved consistency; simplify DNS display by removing unnecessary badges and buttons
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m39s
Details

Browse Source
This commit is contained in:
denozord
2026-01-22 15:50:53 +07:00
parent 29e0679038
commit 0109d5ea5f
1 changed files with 6 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/NetworkConfigManager.jsx
+6 -30
View File
@@ -1018,7 +1018,8 @@ function NetworkConfigManager() {
<div <div
className={`d-flex align-items-center justify-content-center px-3 bg-${indicatorColor}-lt`} className={`d-flex align-items-center justify-content-center px-3 bg-${indicatorColor}-lt`}
style={{ style={{
minWidth: '80px', minWidth: '100px',
width: '100px',
borderTopLeftRadius: '11px', borderTopLeftRadius: '11px',
borderBottomLeftRadius: '11px' borderBottomLeftRadius: '11px'
}} }}
@@ -1056,26 +1057,13 @@ function NetworkConfigManager() {
</div> </div>
)} )}
{/* Нижняя строка: DNS + badges */} {/* Нижняя строка: DNS */}
<div className="d-flex align-items-center gap-2 flex-wrap"> <div className="d-flex align-items-center gap-2 flex-wrap">
{server && ( {server && (
<code className="text-muted" style={{ fontSize: '0.8rem', wordBreak: 'break-all', overflowWrap: 'break-word' }}> <code className="text-muted" style={{ fontSize: '0.8rem', wordBreak: 'break-all', overflowWrap: 'break-word' }}>
{server.dns || server.ip || gateway.serverId} {server.dns || server.ip || gateway.serverId}
</code> </code>
)} )}
<span className={`badge bg-${gatewayType.color}-lt text-${gatewayType.color}`} style={{ flexShrink: 0 }}>
{gatewayType.label}
</span>
{gateway.ip && (
<button
className="btn btn-ghost-secondary btn-icon btn-sm p-1"
onClick={() => copyToClipboard(gateway.ip)}
title="Копировать IP"
style={{ width: '20px', height: '20px', flexShrink: 0 }}
>
<IconCopy size={12} />
</button>
)}
</div> </div>
</div> </div>
@@ -1149,7 +1137,8 @@ function NetworkConfigManager() {
<div <div
className={`d-flex align-items-center justify-content-center px-3 bg-${interfaceTypeColor}-lt`} className={`d-flex align-items-center justify-content-center px-3 bg-${interfaceTypeColor}-lt`}
style={{ style={{
minWidth: '80px', minWidth: '100px',
width: '100px',
borderTopLeftRadius: '11px', borderTopLeftRadius: '11px',
borderBottomLeftRadius: '11px' borderBottomLeftRadius: '11px'
}} }}
@@ -1187,26 +1176,13 @@ function NetworkConfigManager() {
</div> </div>
)} )}
{/* Нижняя строка: DNS + badges */} {/* Нижняя строка: DNS */}
<div className="d-flex align-items-center gap-2 flex-wrap"> <div className="d-flex align-items-center gap-2 flex-wrap">
{displayServerName && ( {displayServerName && (
<code className="text-muted" style={{ fontSize: '0.8rem', wordBreak: 'break-all', overflowWrap: 'break-word' }}> <code className="text-muted" style={{ fontSize: '0.8rem', wordBreak: 'break-all', overflowWrap: 'break-word' }}>
{displayServerName} {displayServerName}
</code> </code>
)} )}
<span className={`badge bg-${interfaceTypeColor}-lt text-${interfaceTypeColor}`} style={{ flexShrink: 0 }}>
{iface.type}
</span>
{displayIp && displayIp !== '—' && (
<button
className="btn btn-ghost-secondary btn-icon btn-sm p-1"
onClick={() => copyToClipboard(displayIp)}
title="Копировать IP"
style={{ width: '20px', height: '20px', flexShrink: 0 }}
>
<IconCopy size={12} />
</button>
)}
</div> </div>
</div> </div>