Fix slot values to match result, desync wheel animations

This commit is contained in:
2026-05-18 12:16:56 +02:00
parent 598f0737a2
commit 5fd2ff27d2
2 changed files with 24 additions and 10 deletions
+3 -3
View File
@@ -102,14 +102,14 @@
/* Make LiveView wrapper divs transparent for layout */
[data-phx-session], [data-phx-teleported-src] { display: contents }
/* Spinning wheel animation — items repeated 5× in DOM, scroll through 4 full cycles */
/* Spinning wheel animation — end position and duration set per-wheel via CSS vars */
@keyframes spin-wheel {
0% { transform: translateY(0); }
100% { transform: translateY(-80%); }
100% { transform: translateY(var(--wheel-end, -80%)); }
}
.wheel-inner.spinning {
animation: spin-wheel 3s cubic-bezier(0.05, 0.8, 0.3, 1.0) forwards;
animation: spin-wheel var(--wheel-duration, 3s) cubic-bezier(0.17, 0.67, 0.35, 1.0) forwards;
}
.wheel-item {