Refine secondary rail icon animations

2026-08-17 17:07:25 +03:00
parent 286a89051a
commit 0a0a932057
8 changed files with 131 additions and 76 deletions
@@ -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>;
 }