From 0b107c7d93a8dd27b8ad40c2c73a70518a45056f Mon Sep 17 00:00:00 2001
From: Ku6epXBOCTuK <Ku6epXBOCTuK@gmail.com>
Date: Sat, 12 Sep 2026 15:46:44 +0500
Subject: [PATCH] fix: source image checker background

---
 web/src/lib/components/SchemaSourceTile.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/SchemaSourceTile.svelte b/web/src/lib/components/SchemaSourceTile.svelte
index 8f25118..31b613a 100644
--- a/web/src/lib/components/SchemaSourceTile.svelte
+++ b/web/src/lib/components/SchemaSourceTile.svelte
@@ -26,7 +26,7 @@
 
 <figure class="tile">
 	<figcaption><span>SOURCE</span></figcaption>
-	<div class="canvas">
+	<div class="canvas" class:checker={mode === "image"}>
 		{#if mode === "text"}
 			<div class="text-source-wrap">
 				<SchemaTextSource
@@ -72,6 +72,13 @@
 		object-fit: contain;
 		display: block;
 	}
+	.canvas.checker {
+		background: repeating-conic-gradient(
+				var(--color-checker-main) 0 25%,
+				var(--color-checker-alt) 0 50%
+			)
+			50% / 28px 28px;
+	}
 	.empty {
 		font: var(--font-size-s) var(--font-mono);
 	}