Skip to content

Conversation

@gges5110
Copy link
Owner

Summary

  • Migrated SelectedGem component from Tailwind CSS to Material-UI styling
  • Replaced gem-size custom utility class with explicit width/height/aspectRatio values (48px)
  • Converted flex-initial to Material-UI sx prop with flex: "0 1 auto"
  • Added Box import for consistent Material-UI component usage
  • Maintained all animation functionality with Framer Motion

Test plan

  • Component tests pass
  • Build succeeds without type errors
  • ESLint issues resolved
  • Animation behavior preserved
  • Gem sizing and layout remain consistent

🤖 Generated with Claude Code

gges5110 and others added 2 commits June 24, 2025 16:21
Replace gem-size and flex-initial Tailwind classes with inline styles and Material-UI sx props:
- Convert gem-size custom utility to explicit width/height/aspectRatio values
- Replace flex-initial with flex: "0 1 auto"
- Add Box import and use Material-UI components consistently
- Maintain animation functionality and responsive behavior

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

Co-Authored-By: Claude <noreply@anthropic.com>
@gges5110 gges5110 merged commit 8891425 into main Jun 24, 2025
1 check passed
@gges5110 gges5110 deleted the migrate/selectedgem-tailwind-removal branch June 24, 2025 21:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants