fix(about): prevent overlap and blend scene background

2026-09-06 22:12:50 +03:30
parent ad5a7fc814
commit 28b60b9b4c
2 changed files with 6 additions and 2 deletions
--- a/src/components/scenes/AboutRiverScene.tsx
+++ b/src/components/scenes/AboutRiverScene.tsx
@@ -42,7 +42,11 @@ const createAboutScene: SceneFactory = ({ pointer, theme, reduceMotion }) => {

  const ground = new THREE.Mesh(
    new THREE.PlaneGeometry(60, 60),
-    new THREE.MeshStandardMaterial({ color: palette.ground, roughness: 1 }),
+    new THREE.ShadowMaterial({
+      color: 0x000000,
+      opacity: theme === 'dark' ? 0.2 : 0.08,
+      transparent: true,
+    }),
  );
  ground.rotation.x = -Math.PI / 2;
  ground.position.y = -0.32;