f9c03c8bf1
- New StandingsPreview component with gold/silver/bronze row tints for top 3, team avatar, and LeagueRow-style stat columns (Ranking + Points) with rank and 7-day point change indicators - Fix GradientIcon in Storybook by adding BracktGradients decorator to preview.tsx (renamed from .ts to support JSX) - Fix degenerate SVG gradient on horizontal strokes by switching BracktGradients to gradientUnits="userSpaceOnUse" with Lucide-space coordinates (0→24) - Revert erroneous fill: url(#gradient) from GradientIcon; stroke-only fix was sufficient once gradientUnits was corrected Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
21 lines
852 B
TypeScript
21 lines
852 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.
|
|
userSpaceOnUse + 0→24 matches the Lucide icon viewBox so horizontal
|
|
strokes (zero bounding-box height) don't produce a degenerate gradient. */}
|
|
<linearGradient id="brackt-primary-gradient" x1="0" y1="0" x2="0" y2="24" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0%" stopColor="#adf661" />
|
|
<stop offset="100%" stopColor="#2ce1c1" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
);
|
|
}
|