render grid after zine ready

Hunter
Tuesday, February 3rd, 2026 at 12:00 PM


resources/editor.css+5 


resources/editor.js+1 
resources/editor.css
45  	--spread-left: 0px;
46  	--spread-top: 0px;
47  	background:
48 +		linear-gradient(to bottom, #1a4d3a, #184534);
49 +}
50 +
51 +.preview-pane.grid-ready {
52 +	background:
53  		linear-gradient(to right, #4a7a6a 1px, transparent 1px),
54  		linear-gradient(to bottom, #4a7a6a 1px, transparent 1px),
55  		linear-gradient(to bottom, #1a4d3a, #184534);
resources/editor.js
50  			previewPane.style.setProperty('--grid-height', `${event.data.gridHeight}px`);
51  			previewPane.style.setProperty('--spread-left', `${spreadLeft}px`);
52  			previewPane.style.setProperty('--spread-top', `${spreadTop}px`);
53 +			previewPane.classList.add('grid-ready');
54  		}
55  	}
56  });