fix: clean up checkerboard pattern artifacts
Simplified from 4 gradients to 2 with proper positioning 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
746528f6ab
commit
d3e1eb00bd
|
|
@ -11,13 +11,12 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
background-color: #2a2a2a;
|
||||||
background-image:
|
background-image:
|
||||||
linear-gradient(45deg, #3a3a3a 25%, transparent 25%),
|
linear-gradient(45deg, #3a3a3a 25%, transparent 25%, transparent 75%, #3a3a3a 75%),
|
||||||
linear-gradient(-45deg, #3a3a3a 25%, transparent 25%),
|
linear-gradient(45deg, #3a3a3a 25%, transparent 25%, transparent 75%, #3a3a3a 75%);
|
||||||
linear-gradient(45deg, transparent 75%, #3a3a3a 75%),
|
|
||||||
linear-gradient(-45deg, transparent 75%, #3a3a3a 75%);
|
|
||||||
background-size: 16px 16px;
|
background-size: 16px 16px;
|
||||||
background-position: 0 0, 0 8px, 8px -8px, -8px 0;
|
background-position: 0 0, 8px 8px;
|
||||||
border-radius: var(--pico-border-radius);
|
border-radius: var(--pico-border-radius);
|
||||||
}
|
}
|
||||||
.preview-area > div { image-rendering: pixelated; }
|
.preview-area > div { image-rendering: pixelated; }
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user