dokril/harbor-net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Refine secondary rail icon animations
Build and Deploy Gateway / build-and-push (push) Successful in 35s
Details
Build and Deploy Gateway / deploy (push) Successful in 6s
Details

Browse Source
This commit is contained in:
dokril
2026-08-17 17:07:25 +03:00
parent 286a89051a
commit 0a0a932057
8 changed files with 131 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/features/devices/DevicesFeature.tsx
+4 -3
View File
@@ -245,11 +245,12 @@ export function DevicesToggle({
<svg viewBox="0 0 24 24" aria-hidden="true">
<g className="client-rail-device-monitor">
<rect x="2.5" y="4.5" width="9" height="10.5" rx="1.5" />
<path d="M5 19h4M7 15v4" />
<path d="M5 19h5.5M7 15v4" />
</g>
<rect className="client-rail-device-phone" x="16.5" y="7" width="5" height="9" rx="1.3" />
<path className="client-rail-device-bridge" d="M11.5 11.5h5" />
<path className="client-rail-device-packet" pathLength="1" d="M11.5 11.5h5" />
<path className="client-rail-device-link" d="M19 16v3h-5.5" />
<path className="client-rail-device-bridge" d="M10.5 19h3" />
<path className="client-rail-device-packet" pathLength="1" d="M7 19h12" />
</svg>
</RailAction>;
}
src/web/features/diagnostics/DiagnosticsFeature.tsx
+7 -5
View File
@@ -60,11 +60,13 @@ export function DiagnosticsToggle({
onClick={onToggle}
>
<svg viewBox="0 0 24 24" aria-hidden="true">
<g className="client-rail-diagnostics-glass">
<circle cx="9.5" cy="9.5" r="6.5" />
<path d="m14.2 14.2 6.3 6.3" />
<path className="client-rail-diagnostics-trace" d="M4.5 10h2l1.2-2.4 2.2 4.8 1.2-2.4h3.4" />
<path className="client-rail-diagnostics-scan" pathLength="1" d="M4.5 10h2l1.2-2.4 2.2 4.8 1.2-2.4h3.4" />
<path className="client-rail-diagnostics-trace" d="M4.5 10h2l1.2-2.4 2.2 4.8 1.2-2.4h3.4" />
<path className="client-rail-diagnostics-scan" pathLength="1" d="M4.5 10h2l1.2-2.4 2.2 4.8 1.2-2.4h3.4" />
<g className="client-rail-diagnostics-position">
<g className="client-rail-diagnostics-glass">
<circle cx="9.5" cy="9.5" r="6.5" />
<path d="m14.2 14.2 6.3 6.3" />
</g>
</g>
</svg>
</RailAction>;
src/web/features/instructions/InstructionsFeature.tsx
+7 -3
View File
@@ -249,9 +249,13 @@ export function InstructionsToggle({
onClick={onToggle}
>
<svg viewBox="0 0 24 24" aria-hidden="true">
<circle className="client-rail-info-ring" cx="12" cy="12" r="8.5" pathLength="1" />
<circle className="client-rail-info-sweep" cx="12" cy="12" r="8.5" pathLength="1" />
<path className="client-rail-info-mark" d="M12 11v5M12 8h.01" />
<g className="client-rail-book-page-position is-left">
<path className="client-rail-book-page is-left" d="M12 7.5C10.2 6.1 7.7 5.7 5 6v11c2.8-.3 5.2.3 7 1.7z" />
</g>
<g className="client-rail-book-page-position is-right">
<path className="client-rail-book-page is-right" d="M12 7.5c1.8-1.4 4.3-1.8 7-1.5v11c-2.8-.3-5.2.3-7 1.7z" />
</g>
<path className="client-rail-book-spine" d="M12 7.5v11.2" />
</svg>
</RailAction>;
}
src/web/features/routing/RoutingFeature.tsx
+6 -4
View File
@@ -832,10 +832,12 @@ export function RoutingToggle({
>
<svg viewBox="0 0 24 24" aria-hidden="true">
<path className="client-rail-rule-track" d="M4 7h16M4 17h16" />
<path className="client-rail-rule-scan is-top" pathLength="1" d="M4 7h16" />
<path className="client-rail-rule-scan is-bottom" pathLength="1" d="M4 17h16" />
<circle className="client-rail-rule-knob is-top" cx="15" cy="7" r="2" />
<circle className="client-rail-rule-knob is-bottom" cx="9" cy="17" r="2" />
<g className="client-rail-rule-knob-position is-top">
<circle className="client-rail-rule-knob is-top" cx="15" cy="7" r="2" />
</g>
<g className="client-rail-rule-knob-position is-bottom">
<circle className="client-rail-rule-knob is-bottom" cx="9" cy="17" r="2" />
</g>
</svg>
</RailAction>
);