commit 479562d2c65cbb5edc4ab583985faa7f0a32f34c
parent 7d610469085d67d3fa94a3eeea162702c1411c9d
Author: Hunter
Date: Tue, 3 Feb 2026 12:00:07 -0500
render grid after zine ready
Diffstat:
2 files changed, 6 insertions(+), 0 deletions(-)
diff --git a/resources/editor.css b/resources/editor.css
@@ -45,6 +45,11 @@ body {
--spread-left: 0px;
--spread-top: 0px;
background:
+ linear-gradient(to bottom, #1a4d3a, #184534);
+}
+
+.preview-pane.grid-ready {
+ background:
linear-gradient(to right, #4a7a6a 1px, transparent 1px),
linear-gradient(to bottom, #4a7a6a 1px, transparent 1px),
linear-gradient(to bottom, #1a4d3a, #184534);
diff --git a/resources/editor.js b/resources/editor.js
@@ -50,6 +50,7 @@ window.addEventListener('message', function(event) {
previewPane.style.setProperty('--grid-height', `${event.data.gridHeight}px`);
previewPane.style.setProperty('--spread-left', `${spreadLeft}px`);
previewPane.style.setProperty('--spread-top', `${spreadTop}px`);
+ previewPane.classList.add('grid-ready');
}
}
});