diff --git a/ui/src/pages/login.tsx b/ui/src/pages/login.tsx index 65e095a..3e14e2c 100644 --- a/ui/src/pages/login.tsx +++ b/ui/src/pages/login.tsx @@ -40,11 +40,11 @@ export function LoginPage() { const centerX = rect.width / 2; const centerY = rect.height / 2; - const rotateX = ((y - centerY) / centerY) * -10; // Max 10 degrees tilt - const rotateY = ((x - centerX) / centerX) * 10; + const rotateX = ((y - centerY) / centerY) * -5; // Max 5 degrees tilt + const rotateY = ((x - centerX) / centerX) * 5; setTransform( - `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)` + `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.01, 1.01, 1.01)` ); }; diff --git a/ui/src/pages/signup.tsx b/ui/src/pages/signup.tsx index f5f6e28..20d5ed4 100644 --- a/ui/src/pages/signup.tsx +++ b/ui/src/pages/signup.tsx @@ -44,11 +44,11 @@ export function SignUpPage() { const centerX = rect.width / 2; const centerY = rect.height / 2; - const rotateX = ((y - centerY) / centerY) * -10; // Max 10 degrees tilt - const rotateY = ((x - centerX) / centerX) * 10; + const rotateX = ((y - centerY) / centerY) * -5; // Max 5 degrees tilt + const rotateY = ((x - centerX) / centerX) * 5; setTransform( - `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)` + `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.01, 1.01, 1.01)` ); };