fix(mobile): add viewport meta tags sitewide + homepage breakpoints

This commit is contained in:
jae 2026-04-20 10:55:02 +00:00
parent 2fc62897b2
commit bc3fdf28b8
3 changed files with 21 additions and 0 deletions

View file

@ -2681,3 +2681,22 @@ a:hover { color: #fff; text-shadow: none; }
font-size: 1.2rem;
}
}
/* =========================================
PHASE 1 Mobile safety net (v1.41.0)
========================================= */
@media (max-width: 768px) {
html, body { overflow-x: hidden; }
.nav-sol-wallet-group { font-size: 0.7rem; max-width: 100%; flex-wrap: wrap; }
.nav-container { flex-wrap: wrap; gap: 0.4rem; }
.contact-grid, .panels-grid { grid-template-columns: 1fr !important; }
pre, code { max-width: 100%; overflow-x: auto; }
table { display: block; overflow-x: auto; }
img, video, iframe { max-width: 100%; height: auto; }
.hud-row-panels { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
.nav-sol-wallet-group { font-size: 0.65rem; }
.hero-title { word-break: break-word; }
.section, section { padding-left: 0.75rem; padding-right: 0.75rem; }
}

View file

@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/hq/logs">
<title>Redirecting to Maintenance Log...</title>
</head>

View file

@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/depot/recon">
<title>Redirecting to RECON...</title>
<link rel="stylesheet" href="/css/sitewide-effects.css">