Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Add some additional information to the device error screen.

Browse source
This commit is contained in:
Oliver-Akins 2020-12-18 18:25:42 -07:00
parent 8b28489cae
commit 0e35644af9
1 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/src/App.vue
View file

@ -14,7 +14,9 @@
<p class="centre"> <p class="centre">
To use this site you must be using a laptop, desktop, or iPad. To use this site you must be using a laptop, desktop, or iPad.
If you are on one of those devices and you still see this message, If you are on one of those devices and you still see this message,
please contact "oliver {at} akins.me" with the following information:
<br><br>
{{ userAgent }}
</p> </p>
</div> </div>
</div> </div>
@ -38,8 +40,14 @@ export default {
gameState() { gameState() {
return this.$store.state.view; return this.$store.state.view;
}, },
userAgent() {
if (navigator == null) {
return "Navigator Undefined";
};
return navigator.userAgent;
},
isMobile () { isMobile () {
return navigator == null || navigator.userAgent.match(/iPhone|iPod|Android/) != null; return this.userAgent.match(/Navigator|iPhone|iPod|Android/) != null;
}, },
}, },
methods: {}, methods: {},
@ -54,7 +62,7 @@ html, body {
background-color: var(--background1); background-color: var(--background1);
color: var(--light-font-colour); color: var(--light-font-colour);
font-family: var(--fonts); font-family: var(--fonts);
overflow: hidden; overflow-x: hidden;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
padding: 0; padding: 0;