Fix issues

Tietokilta · Dec 7, 2024 · f4a4f33 · f4a4f33
1 parent 033c53c
commit f4a4f33
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 13 deletions.
diff --git a/web/app/[locale]/page.tsx b/web/app/[locale]/page.tsx
@@ -8,7 +8,6 @@ import { getTranslation } from "../../utils/translationHelper";
 import { StrapiBaseType } from "../../utils/models";
 import PageContinue from "./PageContinue";
 import React from 'react'
-import { ShaderGradientCanvas, ShaderGradient } from '@shadergradient/react'
 export const dynamic = "force-dynamic";
 type FrontPageFields = StrapiBaseType<{
   bodyText: string;

diff --git a/web/components/BackgroundCanvas.tsx b/web/components/BackgroundCanvas.tsx
@@ -6,18 +6,22 @@ import {Suspense} from "react";
 const BackGroundCanvas = () => {
   return (
     <Suspense>
-      <ShaderGradientCanvas
-        style={{
-          position: 'fixed',
-          bottom: 0,
-          right: 0,
-          pointerEvents: 'none',
-        }}
-      >
-        <ShaderGradient
-          control='query'
-          urlString='https://www.shadergradient.co/customize?animate=on&axesHelper=off&bgColor1=%23000000&bgColor2=%23000000&brightness=1&cAzimuthAngle=180&cDistance=2.8&cPolarAngle=80&cameraZoom=9.1&color1=%23000000&color2=%23801832&color3=%2380631f&destination=onCanvas&embedMode=off&envPreset=city&format=gif&fov=45&frameRate=10&gizmoHelper=hide&grain=off&lightType=env&pixelDensity=3&positionX=0&positionY=0&positionZ=0&range=enabled&rangeEnd=40&rangeStart=0&reflection=0&rotationX=50&rotationY=0&rotationZ=-60&shader=defaults&type=waterPlane&uAmplitude=0&uDensity=1.7&uFrequency=0&uSpeed=0.5&uStrength=0.8&uTime=8&wireframe=false'/>
-      </ShaderGradientCanvas>
+
+      <div
+        onWheelCapture={event => event.stopPropagation()}>
+        <ShaderGradientCanvas
+          style={{
+            position: 'fixed',
+            bottom: 0,
+            right: 0,
+            pointerEvents: 'none',
+          }}
+        >
+          <ShaderGradient
+            control='query'
+            urlString='https://www.shadergradient.co/customize?animate=on&axesHelper=off&bgColor1=%23000000&bgColor2=%23000000&brightness=1&cAzimuthAngle=180&cDistance=2.8&cPolarAngle=80&cameraZoom=9.1&color1=%23000000&color2=%23801832&color3=%2380631f&destination=onCanvas&embedMode=off&envPreset=city&format=gif&fov=45&frameRate=10&gizmoHelper=hide&grain=off&lightType=env&pixelDensity=3&positionX=0&positionY=0&positionZ=0&range=enabled&rangeEnd=40&rangeStart=0&reflection=0&rotationX=50&rotationY=0&rotationZ=-60&shader=defaults&type=waterPlane&uAmplitude=0&uDensity=1.7&uFrequency=0&uSpeed=0.5&uStrength=0.8&uTime=8&wireframe=false'/>
+        </ShaderGradientCanvas>
+      </div>
     </Suspense>
   );
 };