feat: render responsive low-poly hero landscape

2026-09-05 17:16:22 +08:00
parent 1bfb78479a
commit 637da07c9e
7 changed files with 337 additions and 52 deletions
--- a/src/components/ScenicHeroJourney.module.css
+++ b/src/components/ScenicHeroJourney.module.css
@@ -2,24 +2,22 @@
  position: relative;
  width: 100%;
  max-width: 1440px;
-  height: 1730px;
+  height: auto;
  overflow: hidden;
  background-color: var(--bg-page);
 }

-.artworkContainer {
-  position: absolute;
-  top: 0;
-  left: 0;
+.heroStage {
+  position: relative;
  width: 100%;
-  height: 1576px;
-  z-index: 1;
-  pointer-events: none;
+  height: 680px;
+  overflow: hidden;
+  background: var(--bg-page);
 }

-.artworkImage {
-  object-fit: contain;
-  object-position: top center;
-  width: 100%;
-  height: 1576px;
+@media (max-width: 640px) {
+  .heroStage {
+    min-height: 760px;
+    height: auto;
+  }
 }