timelapse/timelapse-frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive + mobile

Browse Source
This commit is contained in:
arussac
2025-03-24 20:44:21 +01:00
parent b56e9b629d
commit ac88828c34
2 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -9,7 +9,9 @@
<link rel="stylesheet" href="../css/style_menu.css"> <link rel="stylesheet" href="../css/style_menu.css">
</head> </head>
<body> <body id="body">
<button class="default-button" id="download"><span>Download App</span></button>
<button class="default-button" id="show-form-button"><span>+</span></button>
<div id="customAlert" class="modal"> <div id="customAlert" class="modal">
<div class="modal-content"> <div class="modal-content">
<p id="alertMessage">This is a custom alert!</p> <p id="alertMessage">This is a custom alert!</p>
@@ -38,8 +40,6 @@
</div> </div>
<div> <div>
<div> <div>
<button class="default-button" id="download"><span>Download App</span></button>
<button class="default-button" id="show-form-button"><span>+</span></button>
</div> </div>
<div> <div>
<h1 id="global_title">Caméra Timelapse</h1> <h1 id="global_title">Caméra Timelapse</h1>

11
js/index.js
View File

@@ -217,6 +217,15 @@ function isMobileDevice() {
return /Mobi|Android/i.test(navigator.userAgent); return /Mobi|Android/i.test(navigator.userAgent);
} }
window.addEventListener('DOMContentLoaded', (event) => {
if (isMobileDevice()) { if (isMobileDevice()) {
console.log("You are on a mobile device."); const body = document.body;
const downloadApp = document.getElementById('download');
// Apply hidden to all children of body except the downloadApp element
body.childNodes.forEach((child) => {
if (child.nodeType === 1 && child !== downloadApp) { // Check if the child is an element node
child.style.display = 'none';
} }
});
}
});