Ottimizza layout mobile e setup icone APK Android

- Forza orientamento landscape e blocca scroll su mobile
- Aggiunge media queries responsive per schermi <768px
- Usa 100dvh e position:fixed per layout fullscreen
- Crea setup-android-icons.sh per generazione automatica icone Android
- Configura Capacitor per landscape, disabilita splash screen
- Refactoring Dockerfile con ImageMagick per icone multi-densità
This commit is contained in:
2026-01-24 11:23:45 +01:00
parent 9346117603
commit 1f71846e23
5 changed files with 137 additions and 8 deletions

View File

@@ -1,17 +1,33 @@
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
touch-action: pan-x pan-y;
height: 100%
touch-action: none;
height: 100%;
width: 100%;
overflow: hidden;
}
html {
height: 100%;
width: 100%;
overflow: hidden;
position: fixed;
}
body {
overscroll-behavior-y: contain;
overscroll-behavior: none;
margin: 0;
padding: 0;
place-items: center;
min-width: 320px;
width: 100%;
min-height: 100vh;
height: 100vh;
height: 100dvh; /* Dynamic viewport height per mobile */
background-color: #000;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
button {
@@ -38,8 +54,13 @@ button:focus-visible {
}
#app {
margin: 0 auto;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.campo {
user-select: none;
@@ -121,4 +142,45 @@ button:focus-visible {
background-color: rgb(206, 247, 3);
color: blue;
border-radius: 5px;
}
/* Responsive mobile */
@media (max-width: 768px) {
.hea {
font-size: 4vw;
}
.hea span {
padding-left: 5px;
padding-right: 5px;
}
.hea img {
width: 18px !important;
}
.punt {
font-size: 45vh;
}
.form {
font-size: 4vh;
border-top: #fff dashed 15px;
padding-top: 30px;
}
.formdiv {
font-size: 15vh;
}
.bot button {
font-size: 0.7em;
padding: 0.4em 0.8em;
margin-left: 3px;
margin-right: 3px;
}
.bot img {
width: 20px !important;
}
}