Refine Harbor mode swap icon animation

2026-07-11 15:56:02 +03:00
parent aa54be9c9b
commit 89feffd0b7
2 changed files with 26 additions and 14 deletions
--- a/src/web/components/ClientOverviewPage.jsx
+++ b/src/web/components/ClientOverviewPage.jsx
@@ -95,8 +95,8 @@ function HarborBrand({ isGateway, gatewayAvailable, gatewayDirect, busy, onSetGa
          <em className="harbor-mode-gateway">Gateway</em>
        </span>
        <svg className="harbor-mode-swap" viewBox="0 0 18 18" aria-hidden="true">
-          <path className="is-connect" d="M3 6h10m-3-3 3 3-3 3" />
-          <path className="is-gateway" d="M15 12H5m3 3-3-3 3-3" />
+          <g className="is-connect"><path d="M3 6h10m-3-3 3 3-3 3" /></g>
+          <g className="is-gateway"><path d="M15 12H5m3 3-3-3 3-3" /></g>
        </svg>
        <span id="harbor-mode-tooltip" className="harbor-mode-tooltip" role="tooltip">
          <strong>{gatewayDirect ? 'Harbor Gateway активен' : 'Harbor Gateway доступен'}</strong>