gitadmin/moviebox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove blur effects from AuroraBackground and various components for improved performance and visual clarity

Browse Source
This commit is contained in:
Norbert Maciaszek
2025-08-21 18:23:29 +02:00
parent 9051d4887c
commit a440debaff
8 changed files with 102 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/effects/AuroraBackground.tsx
View File

@@ -7,19 +7,19 @@ export const AuroraBackground = () => {
{/* Static aurora effects */}
<div className="absolute inset-0 opacity-40">
{/* Top-left aurora glow */}
<div className="absolute top-0 left-0 w-96 h-96 bg-gradient-radial from-purple-500/20 via-purple-500/5 to-transparent blur-3xl"></div>
<div className="absolute top-0 left-0 w-96 h-96 bg-gradient-radial from-purple-500/20 via-purple-500/5 to-transparent"></div>
{/* Top-right aurora glow */}
<div className="absolute top-20 right-0 w-80 h-80 bg-gradient-radial from-cyan-500/15 via-cyan-500/3 to-transparent blur-3xl"></div>
<div className="absolute top-20 right-0 w-80 h-80 bg-gradient-radial from-cyan-500/15 via-cyan-500/3 to-transparent"></div>
{/* Center aurora wave */}
<div className="absolute top-1/3 left-1/3 w-[600px] h-40 bg-gradient-to-r from-transparent via-pink-500/10 to-transparent blur-2xl transform rotate-12"></div>
<div className="absolute top-1/3 left-1/3 w-[600px] h-40 bg-gradient-to-r from-transparent via-pink-500/10 to-transparent transform rotate-12"></div>
{/* Bottom aurora glow */}
<div className="absolute bottom-0 left-1/4 w-96 h-64 bg-gradient-radial from-teal-500/15 via-teal-500/3 to-transparent blur-3xl"></div>
<div className="absolute bottom-0 left-1/4 w-96 h-64 bg-gradient-radial from-teal-500/15 via-teal-500/3 to-transparent"></div>
{/* Right side accent */}
<div className="absolute top-1/2 right-20 w-32 h-96 bg-gradient-to-b from-transparent via-purple-400/8 to-transparent blur-2xl transform -rotate-12"></div>
<div className="absolute top-1/2 right-20 w-32 h-96 bg-gradient-to-b from-transparent via-purple-400/8 to-transparent transform -rotate-12"></div>
</div>
{/* Gradient mesh overlay for content readability */}