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:
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user