diff --git a/ui/index.html b/ui/index.html index b4ea48d..e0981a4 100644 --- a/ui/index.html +++ b/ui/index.html @@ -4,7 +4,6 @@ - XTablo diff --git a/ui/src/pages/login.tsx b/ui/src/pages/login.tsx index b9a5756..ef90555 100644 --- a/ui/src/pages/login.tsx +++ b/ui/src/pages/login.tsx @@ -28,6 +28,7 @@ export function LoginPage() { // 3D Parallax effect const cardRef = useRef(null); const [transform, setTransform] = useState(""); + const [isHovered, setIsHovered] = useState(false); const handleMouseMove = (e: React.MouseEvent) => { if (!cardRef.current) return; @@ -46,10 +47,12 @@ export function LoginPage() { setTransform( `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.01, 1.01, 1.01)` ); + setIsHovered(true); }; const handleMouseLeave = () => { setTransform(""); + setIsHovered(false); }; // Theme @@ -103,7 +106,14 @@ export function LoginPage() { {/* Glow effect behind the card */}
-
+
(null); const [transform, setTransform] = useState(""); + const [isHovered, setIsHovered] = useState(false); const handleMouseMove = (e: React.MouseEvent) => { if (!cardRef.current) return; @@ -50,10 +51,12 @@ export function SignUpPage() { setTransform( `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.01, 1.01, 1.01)` ); + setIsHovered(true); }; const handleMouseLeave = () => { setTransform(""); + setIsHovered(false); }; // Theme @@ -149,7 +152,14 @@ export function SignUpPage() { {/* Glow effect behind the card */}
-
+