|
@@ -127,7 +127,7 @@
|
|
|
|
|
|
<script>
|
|
|
const initialPeopleNearPositionLeft = '25%'
|
|
|
-const initPeopleFarPositionRight = '10%'
|
|
|
+const initPeopleFarPositionRight = '15%'
|
|
|
const landscapeSpeedRate = 0.02
|
|
|
const peopleFarSpeedRate = 0.4
|
|
|
const peopleNearSpeedRate = 0.6
|
|
@@ -496,9 +496,9 @@ export default {
|
|
|
}
|
|
|
> .people-far-wrap {
|
|
|
position: absolute;
|
|
|
- top: 20%;
|
|
|
- height: 630px;
|
|
|
- width: 420px;
|
|
|
+ top: 15%;
|
|
|
+ height: 750px;
|
|
|
+ width: 500px;
|
|
|
overflow: hidden;
|
|
|
> .people-far {
|
|
|
position: absolute;
|
|
@@ -594,26 +594,26 @@ export default {
|
|
|
}
|
|
|
@media screen and (max-height: 810px) {
|
|
|
.people-far-wrap {
|
|
|
- height: 540px;
|
|
|
- width: 360px;
|
|
|
+ height: 600px;
|
|
|
+ width: 400px;
|
|
|
}
|
|
|
}
|
|
|
@media screen and (max-height: 720px) {
|
|
|
.people-far-wrap {
|
|
|
- height: 480px;
|
|
|
- width: 320px;
|
|
|
+ height: 540px;
|
|
|
+ width: 360px;
|
|
|
}
|
|
|
}
|
|
|
@media screen and (max-height: 630px) {
|
|
|
.people-far-wrap {
|
|
|
- height: 420px;
|
|
|
- width: 280px;
|
|
|
+ height: 480px;
|
|
|
+ width: 320px;
|
|
|
}
|
|
|
}
|
|
|
@media screen and (max-height: 540px) {
|
|
|
.people-far-wrap {
|
|
|
- height: 360px;
|
|
|
- width: 240px;
|
|
|
+ height: 420px;
|
|
|
+ width: 280px;
|
|
|
}
|
|
|
}
|
|
|
}
|