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

Refine client rail icons and motion
Build and Deploy Gateway / build-and-push (push) Successful in 22s
Details
Build and Deploy Gateway / deploy (push) Successful in 7s
Details

Browse Source
This commit is contained in:
dokril
2026-08-15 02:26:02 +03:00
parent 978fe71628
commit 804e08727e
9 changed files with 107 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/features/devices/DevicesFeature.tsx
+7 -5
View File
@@ -243,11 +243,13 @@ export function DevicesToggle({
onClick={onToggle}
>
<svg viewBox="0 0 24 24" aria-hidden="true">
<rect className="client-rail-device-primary" x="3" y="4.5" width="9" height="11" rx="1.5" />
<rect className="client-rail-device-secondary" x="15" y="7" width="6" height="9" rx="1.4" />
<path className="client-rail-device-link" d="M5.5 19.5h4M7.5 15.5v4" />
<path className="client-rail-device-bridge" d="M12 11.5h3" />
<path className="client-rail-device-pulse" pathLength="1" d="M12 11.5h3" />
<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" />
</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" />
</svg>
</RailAction>;
}
src/web/features/diagnostics/DiagnosticsFeature.tsx
+6 -2
View File
@@ -60,8 +60,12 @@ export function DiagnosticsToggle({
onClick={onToggle}
>
<svg viewBox="0 0 24 24" aria-hidden="true">
<path className="client-rail-diagnostics-base" d="M3 12h4l2.2-5 4.2 10 2.1-5H21" />
<path className="client-rail-diagnostics-pulse" pathLength="1" d="M3 12h4l2.2-5 4.2 10 2.1-5H21" />
<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" />
</g>
</svg>
</RailAction>;
}
src/web/features/routing/RoutingFeature.tsx
+2
View File
@@ -416,6 +416,8 @@ 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" />
</svg>
src/web/features/subscription/SubscriptionFeature.tsx
+4 -3
View File
@@ -318,10 +318,11 @@ export function SubscriptionToggle({
onClick={onToggle}
>
<svg viewBox="0 0 24 24" aria-hidden="true">
<rect className="client-rail-subscription-back" x="6" y="4.5" width="13" height="15" rx="1.5" />
<rect className="client-rail-subscription-back" x="6" y="4" width="14" height="15" rx="2" />
<g className="client-rail-subscription-front">
<rect className="client-rail-subscription-card" x="4" y="6.5" width="13" height="13" rx="1.5" />
<path className="client-rail-subscription-lines" d="M7.5 10.5h6M7.5 14h4" />
<rect className="client-rail-subscription-card" x="4" y="6" width="14" height="14" rx="2" />
<path className="client-rail-subscription-lines" d="M7.5 10.5h6.5M7.5 14.5H12" />
<path className="client-rail-subscription-scan" pathLength="1" d="M7.5 10.5H14" />
</g>
</svg>
</RailAction>;