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:
Corey Johnson 2026-01-06 13:36:21 -08:00
parent 746528f6ab
commit d3e1eb00bd

View File

@ -11,13 +11,12 @@
display: flex;
align-items: center;
justify-content: center;
background-color: #2a2a2a;
background-image:
linear-gradient(45deg, #3a3a3a 25%, transparent 25%),
linear-gradient(-45deg, #3a3a3a 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #3a3a3a 75%),
linear-gradient(-45deg, transparent 75%, #3a3a3a 75%);
linear-gradient(45deg, #3a3a3a 25%, transparent 25%, transparent 75%, #3a3a3a 75%),
linear-gradient(45deg, #3a3a3a 25%, transparent 25%, transparent 75%, #3a3a3a 75%);
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);
}
.preview-area > div { image-rendering: pixelated; }