e0cd829b9f
- Two-column layout (My Leagues 2/3, Upcoming Events 1/3) with mobile stack - LeagueRow: square avatar, gradient draft highlight, rank/points display, progress bar - MyLeaguesCard, CreateLeagueCard with shared SectionCardHeader - UpcomingEventsCard: vertical timeline with grouped multi-league events - Shared gradient system: BracktGradients SVG defs, GradientIcon wrapper, brand.ts constants - Button default variant updated to green→cyan gradient - Navbar: plain nav links with gradient hover, support/admin icon buttons - Accessibility fixes: semantic h2 headings, aria-label on LeagueAvatar and nav elements - Storybook stories for all new components Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
19 lines
653 B
TypeScript
19 lines
653 B
TypeScript
/**
|
|
* Renders hidden SVG gradient definitions that can be referenced by ID
|
|
* anywhere in the document via stroke="url(#brackt-primary-gradient)" etc.
|
|
*
|
|
* Mount this once near the root of the app.
|
|
*/
|
|
export function BracktGradients() {
|
|
return (
|
|
<svg width="0" height="0" aria-hidden className="absolute">
|
|
<defs>
|
|
{/* Green (top) → Cyan (bottom) — the main Brackt brand gradient */}
|
|
<linearGradient id="brackt-primary-gradient" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stopColor="#adf661" />
|
|
<stop offset="100%" stopColor="#2ce1c1" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
);
|
|
}
|