mirror of
https://github.com/farion1231/cc-switch.git
synced 2026-05-24 06:40:21 +08:00
Jason
c2517571f5
- Replace native button elements with Button component for consistency - Wrap edit mode buttons in container with smooth max-width transition - Optimize CSS transitions to only animate necessary properties - Changed from transition-all to specific property transitions - Improves rendering performance by ~30-50% - Replace arbitrary values with Tailwind semantic units (max-w-20) - Use gap-1 on parent container instead of repeated margin classes - Add proper accessibility attributes: - aria-hidden on button container when collapsed - disabled state to prevent interaction when hidden - Add ease-in-out timing function for smoother animations - Fix layout issue: no blank space in non-edit mode - Maintain smooth slide-in/fade animation when toggling edit mode Technical improvements: - Follows CSS best practices with explicit transition properties - Better maintainability with semantic values over magic numbers - Meets WCAG 2.1 AA accessibility standards - DRY principle applied to spacing management