Spaces:
Running
Running
Upload 9 files
Browse files
src/views/InstructorView.js
CHANGED
|
@@ -472,8 +472,8 @@ export function setupInstructorEvents() {
|
|
| 472 |
const card = document.createElement('div');
|
| 473 |
card.className = 'absolute flex flex-col items-center group/card z-10 hover:z-50 transition-all duration-500';
|
| 474 |
|
| 475 |
-
card.style.left = `calc(50
|
| 476 |
-
card.style.top = `calc(50
|
| 477 |
card.style.transform = 'translate(-50%, -50%)';
|
| 478 |
|
| 479 |
const floatDelay = Math.random() * 2;
|
|
@@ -516,7 +516,7 @@ export function setupInstructorEvents() {
|
|
| 516 |
style.id = 'anim-float';
|
| 517 |
style.innerHTML = `
|
| 518 |
@keyframes float {
|
| 519 |
-
|
| 520 |
0%, 100% { transform: translateY(0) scale(1); }
|
| 521 |
50% { transform: translateY(-5px) scale(1.02); }
|
| 522 |
}
|
|
|
|
| 472 |
const card = document.createElement('div');
|
| 473 |
card.className = 'absolute flex flex-col items-center group/card z-10 hover:z-50 transition-all duration-500';
|
| 474 |
|
| 475 |
+
card.style.left = `calc(50% + ${xOff}px)`;
|
| 476 |
+
card.style.top = `calc(50% + ${yOff}px)`;
|
| 477 |
card.style.transform = 'translate(-50%, -50%)';
|
| 478 |
|
| 479 |
const floatDelay = Math.random() * 2;
|
|
|
|
| 516 |
style.id = 'anim-float';
|
| 517 |
style.innerHTML = `
|
| 518 |
@keyframes float {
|
| 519 |
+
|
| 520 |
0%, 100% { transform: translateY(0) scale(1); }
|
| 521 |
50% { transform: translateY(-5px) scale(1.02); }
|
| 522 |
}
|