pixi-rainman-game-engine 0.3.21 → 0.3.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
height: 100%;
|
|
30
30
|
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.7), transparent);
|
|
31
31
|
display: block;
|
|
32
|
-
@media only screen and (
|
|
32
|
+
@media only screen and (orientation: landscape), only screen and (orientation: portrait) {
|
|
33
33
|
display: none;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -43,14 +43,13 @@
|
|
|
43
43
|
width: 100%;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
@media only screen and (
|
|
46
|
+
@media only screen and (orientation: landscape), only screen and (orientation: portrait) {
|
|
47
47
|
.settings__column {
|
|
48
48
|
flex-direction: column-reverse;
|
|
49
49
|
overflow-x: hidden;
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
|
-
|
|
53
|
-
@media only screen and (max-width: 900px) {
|
|
52
|
+
@media only screen and (orientation: landscape), only screen and (orientation: portrait) {
|
|
54
53
|
.bet-desktop__container {
|
|
55
54
|
display: none;
|
|
56
55
|
}
|
|
@@ -21,14 +21,20 @@
|
|
|
21
21
|
width: 100%;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
@media only screen and (
|
|
24
|
+
@media only screen and (orientation: landscape), only screen and (orientation: portrait) {
|
|
25
25
|
.ux-settings__switch {
|
|
26
|
-
width: 250px;
|
|
26
|
+
width: max(250px, 80%);
|
|
27
|
+
}
|
|
28
|
+
.ux-settings__switch:last-child {
|
|
29
|
+
padding-bottom: 20px;
|
|
27
30
|
}
|
|
28
31
|
.ux-settings {
|
|
29
|
-
width:
|
|
32
|
+
width: 85%;
|
|
30
33
|
overflow-y: auto;
|
|
31
34
|
overflow-x: hidden;
|
|
32
35
|
padding: 0 30px;
|
|
33
36
|
}
|
|
37
|
+
.ux-settings__switch-container {
|
|
38
|
+
gap: 10px;
|
|
39
|
+
}
|
|
34
40
|
}
|
|
@@ -143,7 +143,10 @@ export const setTimeScale = (spine, flag) => {
|
|
|
143
143
|
* @returns {void}
|
|
144
144
|
*/
|
|
145
145
|
export const changeResolution = (high) => {
|
|
146
|
-
|
|
146
|
+
const lowRes = Math.max(window.devicePixelRatio * 0.5, 1);
|
|
147
|
+
const resolution = high ? window.devicePixelRatio : lowRes;
|
|
148
|
+
RainMan.app.renderer.resolution = resolution;
|
|
149
|
+
RainMan.app.renderer.resize(RainMan.app.screen.width, RainMan.app.screen.height);
|
|
147
150
|
};
|
|
148
151
|
/**
|
|
149
152
|
* Helper function for checking if the value is not null or undefined
|
package/package.json
CHANGED