Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-09-14 13:36:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: source image checker background

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-09-12 15:46:44 +05:00
parent 24cd9f78c6
commit 0b107c7d93
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/SchemaSourceTile.svelte
+8 -1
View File
@@ -26,7 +26,7 @@
<figure class="tile"> <figure class="tile">
<figcaption><span>SOURCE</span></figcaption> <figcaption><span>SOURCE</span></figcaption>
<div class="canvas"> <div class="canvas" class:checker={mode === "image"}>
{#if mode === "text"} {#if mode === "text"}
<div class="text-source-wrap"> <div class="text-source-wrap">
<SchemaTextSource <SchemaTextSource
@@ -72,6 +72,13 @@
object-fit: contain; object-fit: contain;
display: block; display: block;
} }
.canvas.checker {
background: repeating-conic-gradient(
var(--color-checker-main) 0 25%,
var(--color-checker-alt) 0 50%
)
50% / 28px 28px;
}
.empty { .empty {
font: var(--font-size-s) var(--font-mono); font: var(--font-size-s) var(--font-mono);
} }