fix(levels): reduce operator box sizes and remove divider line

- Reduced box dimensions from 200x180px to 170x150px for better fit
- Reduced grid gap from '3' to '2' for tighter layout
- Reduced box padding from '4' to '3' and gap from '2' to '1.5'
- Reduced maxW from 480px to 400px
- Changed my (margins) to py (padding) for more control
- Removed borderRight divider line between operator boxes and abacus

🤖 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 11:38:06 -05:00
parent be2c3f63b0
commit 29d20a6c07
1 changed files with 8 additions and 10 deletions

View File

@ -688,14 +688,12 @@ export default function LevelsPage() {
flex: '0 0 auto',
display: 'grid',
gridTemplateColumns: 'repeat(2, 1fr)',
gap: sizing.gap,
pr: '4',
gap: '2',
pr: '3',
pl: '2',
borderRight: '1px solid',
borderColor: 'gray.600',
maxW: '480px',
py: '2',
maxW: '400px',
alignContent: 'center',
my: '2',
})}
>
{sections.map((section, idx) => {
@ -715,16 +713,16 @@ export default function LevelsPage() {
border: '1px solid',
borderColor: hasData ? 'gray.700' : 'gray.800',
rounded: 'md',
p: '4',
p: '3',
transition: 'all 0.2s',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
gap: '2',
gap: '1.5',
opacity: hasData ? 1 : 0.3,
width: '200px',
height: '180px',
width: '170px',
height: '150px',
_hover: hasData
? {
borderColor: 'gray.500',