zine_studio

commit 05e8557b914003c72ebabfaf6e8a281ec6bd5d26
parent f69a5cf57e09833cb306850a0a1bf9ba023469de
Author: Hunter
Date:   Thu,  5 Feb 2026 14:12:18 -0500

render spread-nav within screen bounds on mobile

Diffstat:
M
resources/editor.css
 | 
6
+++++-
M
resources/spread-navigation.js
 | 
2
--

2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/resources/editor.css b/resources/editor.css
@@ -65,10 +65,14 @@ body {
 	top: 0;
 	left: 0;
 	width: 100vw;
-	height: 100vh;
+	height: 100dvh;
 	z-index: 9999;
 }
 
+.preview-pane.fullscreen .spread-nav {
+	padding-bottom: calc(12px + env(safe-area-inset-bottom));
+}
+
 .editor-pane.hidden {
 	display: none;
 }
diff --git a/resources/spread-navigation.js b/resources/spread-navigation.js
@@ -79,11 +79,9 @@ export function toggleFullscreen() {
 	if (isFullscreen) {
 		previewPane.classList.add('fullscreen');
 		editorPane.classList.add('hidden');
-		preview.style.height = window.innerHeight + 'px';
 	} else {
 		previewPane.classList.remove('fullscreen');
 		editorPane.classList.remove('hidden');
-		preview.style.height = '';
 	}
 
 	try {