partage/breakout-custom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Empêcher game.js de charger sur mobile

Browse source
This commit is contained in:
François Pelletier 2024-09-01 13:28:25 -04:00
parent e334b61b32
commit b8d6033b92
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/views/game.scala.html
View file

@ -2,9 +2,9 @@
@main("Arkanoid Game") {
<div id="mobileMessage" style="display: none;">
<p><img src="/assets/images/image-casse-briques-mobile.png" alt="Capture d'écran du jeu casse-briques DéconstruIT"/></p>
<p>Le jeu de casse-briques DéconstruIT est disponible sur ordinateur seulement pour l'instant</p>
<div id="mobileMessage" style="display: none; width: 100%; height: 100vh; flex-direction: column; justify-content: center; align-items: center;">
<p style="width: 80%; max-width: 80vw;"><img src="/assets/images/image-casse-briques-mobile.png" alt="Capture d'écran du jeu casse-briques DéconstruIT" style="width: 100%; height: auto;"/></p>
<p style="text-align: center; padding: 20px;">Le jeu de casse-briques DéconstruIT est disponible sur ordinateur seulement pour l'instant</p>
</div>
<div id="gameContainer">

2
public/javascripts/device-detection.js
View file

@ -10,7 +10,7 @@ function checkDeviceType() {
if (isMobileDevice()) {
gameContainer.style.display = 'none';
mobileMessage.style.display = 'block';
mobileMessage.style.display = 'flex';
} else {
gameContainer.style.display = 'block';
mobileMessage.style.display = 'none';