Refine secondary rail icons and animations
This commit is contained in:
@@ -243,11 +243,11 @@ export function DevicesToggle({
|
||||
onClick={onToggle}
|
||||
>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||||
<rect className="client-rail-device-primary" x="3.5" y="5" width="7" height="10" rx="1.5" />
|
||||
<rect className="client-rail-device-secondary" x="13.5" y="8" width="7" height="7" rx="1.5" />
|
||||
<path className="client-rail-device-link" d="M7 15v4h3.5M17 15v4h-3.5" />
|
||||
<path className="client-rail-device-bridge" d="M10.5 19h3" />
|
||||
<path className="client-rail-device-pulse" pathLength="1" d="M7 19h10" />
|
||||
<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" />
|
||||
</svg>
|
||||
</RailAction>;
|
||||
}
|
||||
|
||||
@@ -249,9 +249,9 @@ export function InstructionsToggle({
|
||||
onClick={onToggle}
|
||||
>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||||
<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" />
|
||||
<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" />
|
||||
<path className="client-rail-book-spine" d="M12 7.5v11.2" />
|
||||
<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" />
|
||||
</svg>
|
||||
</RailAction>;
|
||||
}
|
||||
|
||||
@@ -416,8 +416,8 @@ export function RoutingToggle({
|
||||
>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path className="client-rail-rule-track" d="M4 7h16M4 17h16" />
|
||||
<circle className="client-rail-rule-knob is-top" cx="12" cy="7" r="2" />
|
||||
<circle className="client-rail-rule-knob is-bottom" cx="12" cy="17" r="2" />
|
||||
<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>
|
||||
</RailAction>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user