fix: polish responsive scene composition

2026-09-05 17:49:09 +08:00
parent 3d12f48f32
commit 8699b52a94
6 changed files with 64 additions and 43 deletions
--- a/src/components/scenes/Scenes.module.css
+++ b/src/components/scenes/Scenes.module.css
@@ -16,9 +16,9 @@
  position: absolute;
  inset: 0;
  background:
-    radial-gradient(circle at 50% 42%, var(--bg-page) 0 14%, transparent 44%),
+    radial-gradient(ellipse 48% 58% at 50% 45%, var(--bg-page) 0 44%, transparent 82%),
    linear-gradient(to bottom, transparent 68%, var(--bg-page) 100%);
-  opacity: 0.42;
+  opacity: 0.76;
 }

 .heroScene canvas,
@@ -48,4 +48,8 @@
    bottom: auto;
    height: 640px;
  }
+
+  .aboutScene canvas {
+    opacity: 0.68;
+  }
 }