brackt/app/components/league
Chris Parsons 2bc1173621 Responsive league row layout and mobile polish
- League rows stack avatar+name on top, stats full-width below on mobile
- Stats spread to right side on sm+ screens with border separator on mobile
- Tighter padding on mobile (px-3/py-3), full padding on sm+
- Card headers and content use px-3 sm:px-6 to reduce mobile gutters
- Two-column home layout deferred to lg breakpoint (tablet gets stacked)
- Active leagues sorted by completion percentage descending
- Default rank 1 / 0 points for active leagues with no scoring events yet
- Fix ordinal bug for 11th/12th/13th; add aria-labels to rank change indicators
- Remove dead StatDivider className prop

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-15 19:50:39 -07:00
..
CreateLeagueCard.stories.tsx Redesign home page with new layout and component system 2026-04-15 19:50:39 -07:00
CreateLeagueCard.tsx Responsive league row layout and mobile polish 2026-04-15 19:50:39 -07:00
LeagueAvatar.tsx Redesign home page with new layout and component system 2026-04-15 19:50:39 -07:00
LeagueRow.stories.tsx Redesign home page with new layout and component system 2026-04-15 19:50:39 -07:00
LeagueRow.tsx Responsive league row layout and mobile polish 2026-04-15 19:50:39 -07:00
MyLeaguesCard.stories.tsx Redesign home page with new layout and component system 2026-04-15 19:50:39 -07:00
MyLeaguesCard.tsx Responsive league row layout and mobile polish 2026-04-15 19:50:39 -07:00