diff --git a/index.html b/index.html index a742a50..adb3013 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + diff --git a/package.json b/package.json index 668da45..f4ee2e7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "amerc-site", - "version": "0.76.0-docsland", + "version": "0.77.0-docsmobile", "private": true, "type": "module", "scripts": { diff --git a/src/Scene2D.jsx b/src/Scene2D.jsx index 2803f25..7b0a985 100644 --- a/src/Scene2D.jsx +++ b/src/Scene2D.jsx @@ -10,7 +10,7 @@ import { api } from './api.js'; const Menu = ({ size = 20 }) => (); const X = ({ size = 20 }) => (); -const RELEASE = '0.76.0-docsland'; +const RELEASE = '0.77.0-docsmobile'; const NAV = [ { id: 'home', label: 'Tavern' }, diff --git a/src/styles.css b/src/styles.css index 7a2b8bc..da38ad7 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1480,3 +1480,10 @@ button { .ap-empty-search-ico { font-size: 34px; display: block; margin-bottom: 10px; opacity: 0.85; } .ap-empty-search h3 { color: #fff; font-size: 18px; margin: 0 0 6px; font-family: Georgia, "Times New Roman", serif; } .ap-empty-search p { margin: 0 0 16px; font-size: 13px; } + +/* docs responsive — stack on mobile so the prose gets full width (0.77) */ +@media (max-width: 760px) { + .docs { flex-direction: column; } + .docs-side { width: 100%; max-height: 210px; overflow-y: auto; border-right: none; border-bottom: 2px solid #1b2536; } + .docs-main { padding: 20px 16px; } +}