fix(levels): improve slider tick spacing to use full width

Remove horizontal padding (90px) from tick marks container to allow emoji
tick marks to spread across the full width of the slider. This provides
better visual distribution of level indicators.

Changes:
- Change px from '90px' to '0' on tick marks container
- Tick marks now use space-between across full slider width

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-10-20 10:52:45 -05:00
parent 5fcb7925eb
commit 1e90d6c620

View File

@@ -387,7 +387,7 @@ export default function LevelsPage() {
display: 'flex',
alignItems: 'center',
pointerEvents: 'none',
px: '90px', // Half of bead width (180px / 2)
px: '0', // Use full width for tick spacing
})}
>
<div