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

fix: make scroll depth block half-width and enlarge radar chart

Browse Source
This commit is contained in:
Usman Baig
2026-03-11 22:26:15 +01:00
parent faa2f50d6e
commit 0f5d5338f3
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/sites/[id]/page.tsx
View File

@@ -584,15 +584,15 @@ export default function SiteDashboardPage() {
/> />
</div> </div>
<div className="grid gap-6 lg:grid-cols-2 mb-8"> <div className="mb-8">
<Campaigns siteId={siteId} dateRange={dateRange} filters={filtersParam || undefined} onFilter={handleAddFilter} /> <Campaigns siteId={siteId} dateRange={dateRange} filters={filtersParam || undefined} onFilter={handleAddFilter} />
</div>
<div className="grid gap-6 lg:grid-cols-2 mb-8">
<GoalStats <GoalStats
goalCounts={(dashboard?.goal_counts ?? []).filter(g => !/^scroll_\d+$/.test(g.event_name))} goalCounts={(dashboard?.goal_counts ?? []).filter(g => !/^scroll_\d+$/.test(g.event_name))}
onSelectEvent={setSelectedEvent} onSelectEvent={setSelectedEvent}
/> />
</div>
<div className="mb-8">
<ScrollDepth goalCounts={dashboard?.goal_counts ?? []} totalPageviews={stats.pageviews} /> <ScrollDepth goalCounts={dashboard?.goal_counts ?? []} totalPageviews={stats.pageviews} />
</div> </div>

6
components/dashboard/ScrollDepth.tsx
View File

@@ -38,10 +38,10 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
{hasData ? ( {hasData ? (
<div className="flex-1 min-h-[200px] flex items-center justify-center"> <div className="flex-1 min-h-[200px] flex items-center justify-center">
<RadarChart <RadarChart
width={260} width={340}
height={220} height={300}
data={chartData} data={chartData}
margin={{ top: 10, right: 20, bottom: 10, left: 20 }} margin={{ top: 16, right: 32, bottom: 16, left: 32 }}
> >
<PolarGrid stroke="#404040" /> <PolarGrid stroke="#404040" />
<PolarAngleAxis <PolarAngleAxis