ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix(pagespeed): contain visx chart within card bounds

Browse Source
This commit is contained in:
Usman Baig
2026-03-23 11:26:18 +01:00
parent 98fcce4647
commit d02d8429e2
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/sites/[id]/pagespeed/page.tsx
View File

@@ -432,15 +432,15 @@ export default function PageSpeedPage() {
{/* Section 3 — Score Trend Chart (visx) */} {/* Section 3 — Score Trend Chart (visx) */}
{chartData.length >= 2 && ( {chartData.length >= 2 && (
<div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 sm:p-8 mb-6"> <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 sm:p-8 mb-6 overflow-hidden">
<h3 className="text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider mb-4"> <h3 className="text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider mb-4">
Performance Score Trend Performance Score Trend
</h3> </h3>
<div className="h-40"> <div>
<VisxAreaChart <VisxAreaChart
data={chartData as Record<string, unknown>[]} data={chartData as Record<string, unknown>[]}
xDataKey="dateObj" xDataKey="dateObj"
aspectRatio="3 / 1" aspectRatio="4 / 1"
margin={{ top: 10, right: 10, bottom: 30, left: 40 }} margin={{ top: 10, right: 10, bottom: 30, left: 40 }}
> >
<VisxGrid horizontal vertical={false} stroke="var(--chart-grid)" strokeDasharray="4,4" /> <VisxGrid horizontal vertical={false} stroke="var(--chart-grid)" strokeDasharray="4,4" />