amiirkhl/my-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(about): prevent overlap and blend scene background

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-06 22:12:50 +03:30
parent ad5a7fc814
commit 28b60b9b4c
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/RiverJourney.module.css
View File

@@ -150,7 +150,7 @@
} }
} }
@media (max-width: 760px) { @media (max-width: 900px) {
.journeySection { .journeySection {
height: auto; height: auto;
min-height: 70rem; min-height: 70rem;

6
src/components/scenes/AboutRiverScene.tsx
View File

@@ -42,7 +42,11 @@ const createAboutScene: SceneFactory = ({ pointer, theme, reduceMotion }) => {
const ground = new THREE.Mesh( const ground = new THREE.Mesh(
new THREE.PlaneGeometry(60, 60), 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.rotation.x = -Math.PI / 2;
ground.position.y = -0.32; ground.position.y = -0.32;