diff --git a/src/components/PreviewModal.vue b/src/components/PreviewModal.vue index 55b7eed..f3815ff 100644 --- a/src/components/PreviewModal.vue +++ b/src/components/PreviewModal.vue @@ -112,11 +112,22 @@ :style="{ transform: `scale(${previewZoom}) translate(${viewportOffset.x}px, ${viewportOffset.y}px)`, cursor: isCanvasDragging ? 'grabbing' : 'move', + width: `${store.cellSize.width}px`, + height: `${store.cellSize.height}px`, + backgroundImage: ` + linear-gradient(45deg, #1a1a1a 25%, transparent 25%), + linear-gradient(-45deg, #1a1a1a 25%, transparent 25%), + linear-gradient(45deg, transparent 75%, #1a1a1a 75%), + linear-gradient(-45deg, transparent 75%, #1a1a1a 75%) + `, + backgroundSize: '10px 10px', + backgroundPosition: '0 0, 0 5px, 5px -5px, -5px 0px', + backgroundColor: '#2d3748', }" @mousedown.stop="startCanvasDrag" title="Drag to move sprite within cell" > - +