Skip to content

Commit a133dec

Browse files
committed
fix: Make InteractiveBackground visible on auth pages
Increased opacity from 5.5% to 30% and z-index to 10 using !important CSS overrides. The particle animation is now clearly visible on both sign-in and sign-up pages.
1 parent a50c5c3 commit a133dec

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

web/src/pages/sign-in/[[...index]].tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@ export default function SignInPage() {
1717

1818
return (
1919
<div className="min-h-screen flex">
20-
{/* Animated Background */}
21-
<InteractiveBackground />
20+
{/* Animated Background - override opacity for visibility */}
21+
<InteractiveBackground className="!opacity-30 !z-10" />
2222
{/* Left Side - Branding */}
2323
<div className="hidden lg:flex lg:w-1/2 bg-gradient-to-br from-blue-600 via-purple-600 to-indigo-700 relative overflow-hidden">
2424
{/* Background Pattern */}

web/src/pages/sign-up/[[...index]].tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@ export default function SignUpPage() {
1717

1818
return (
1919
<div className="min-h-screen flex">
20-
{/* Animated Background */}
21-
<InteractiveBackground />
20+
{/* Animated Background - override opacity for visibility */}
21+
<InteractiveBackground className="!opacity-30 !z-10" />
2222
{/* Left Side - Branding */}
2323
<div className="hidden lg:flex lg:w-1/2 bg-gradient-to-br from-purple-600 via-indigo-600 to-blue-700 relative overflow-hidden">
2424
{/* Background Pattern */}

0 commit comments

Comments
 (0)