From e4502ef54fec89e9222f39b48c0809d9f4044b05 Mon Sep 17 00:00:00 2001 From: Arthur Belleville Date: Thu, 16 Oct 2025 21:36:27 +0200 Subject: [PATCH] Improve login/signup ui --- ui/index.html | 1 - ui/src/pages/login.tsx | 12 +++++++++++- ui/src/pages/signup.tsx | 12 +++++++++++- 3 files changed, 22 insertions(+), 3 deletions(-) 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 */}
-
+