ctmesh/web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile fixes
All checks were successful
Deploy Pages / deploy (push) Successful in 25s
Details

Browse Source
This commit is contained in:
Noah
2025-04-25 15:30:01 -04:00
parent 9d7c3f0122
commit 0a55232e36
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<!-- Ensure proper scaling on mobile devices --> <!-- Ensure proper scaling on mobile devices -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<!-- Site Description & Keywords --> <!-- Site Description & Keywords -->
<meta name="description" content="A Connecticut Meshtastic User Group. Join the local community to connect, share, and explore with fellow enthusiasts."> <meta name="description" content="A Connecticut Meshtastic User Group. Join the local community to connect, share, and explore with fellow enthusiasts.">
@ -76,7 +76,7 @@
background-color: #EBEBEB; background-color: #EBEBEB;
border-radius: 30px; border-radius: 30px;
padding: 3em 3em 2em 3em; padding: 3em 3em 2em 3em;
margin: 1em auto 0 auto; margin: 1em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
color: #000000; color: #000000;
position: relative; position: relative;
@ -180,7 +180,13 @@
/* Adjustments for devices with a viewport width of 800px or less */ /* Adjustments for devices with a viewport width of 800px or less */
@media (max-width: 800px) { @media (max-width: 800px) {
body {
align-items: flex-start;
padding-top: calc(env(safe-area-inset-top, 1em));
}
.splash-box { .splash-box {
margin-top: 1em;
margin-bottom: 1em;
padding: 2em; padding: 2em;
min-width: 350px; min-width: 350px;
} }