From 73dc865900c55f3566d1d37bf03de718ed2454b5 Mon Sep 17 00:00:00 2001
From: BOT Alex <44818698+MagicBOTAlex@users.noreply.github.com>
Date: Sun, 31 Mar 2024 17:18:58 +0200
Subject: [PATCH] Fixed not supported text-wrap problem

---
 src/routes/zhen/Comps/TopAnimatedBackground.svelte | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/routes/zhen/Comps/TopAnimatedBackground.svelte b/src/routes/zhen/Comps/TopAnimatedBackground.svelte
index 5785653..9ccc3d9 100644
--- a/src/routes/zhen/Comps/TopAnimatedBackground.svelte
+++ b/src/routes/zhen/Comps/TopAnimatedBackground.svelte
@@ -6,7 +6,7 @@
 
     // Params
     let mouseMoveScale: number = 0.25;
-    let targetTextLenght: number = 80;
+    let targetTextLenght: number = 100;
 
     // Site variables
     let mousePos: Vector2;
@@ -19,7 +19,7 @@
 
     let screenCenter: Vector2;
 
-    let StartPageAnimated: Element;
+    let StartPageAnimated: Element | null;
     let windowRef: Window;
 
     function onMouseMoved(event: MouseEvent) {
@@ -52,7 +52,7 @@
         windowRef.addEventListener("resize", updateDimensions);
 
         const RevertToOrigin = () => {
-            if(navigator.userAgent.search(/gecko/i)>0){
+            if(navigator.userAgent.search(/gecko/i)>0 && StartPageAnimated !== null){
                 StartPageAnimated.classList.add('FirefoxSmoothTranition');
             }
             updateAnimation(new Vector2(windowWidth/2, windowHeight/2));
@@ -60,7 +60,7 @@
         document.documentElement.addEventListener('mouseleave', RevertToOrigin)
 
         const RemoveFirefoxSmoothTranition = () => {
-            if(navigator.userAgent.search(/gecko/i)>0){
+            if(navigator.userAgent.search(/gecko/i)>0 && StartPageAnimated !== null){
                 StartPageAnimated.classList.remove('FirefoxSmoothTranition');
             }
         };
@@ -108,6 +108,7 @@
 
     <div
         class="StartPageAnimated"
+        id="StartPageAnimated"
         bind:this={StartPageAnimated}
         style="transform: translate({mouseRelativeScaled.x}px, {mouseRelativeScaled.y}px) translateZ(0) rotate(0.001deg);"
     >
@@ -170,7 +171,7 @@
         display: flex; 
         justify-content: center; 
         align-items: center;
-        text-wrap: nowrap;
+        white-space:nowrap; 
 
         width: 2rem;