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

fix: align Goals & Events and Scroll Depth block height with other dashboard blocks

Browse Source
This commit is contained in:
Usman Baig
2026-03-11 22:52:14 +01:00
parent 1ba6bf6a84
commit 0754cb0e4f
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/dashboard/GoalStats.tsx
View File

@@ -27,7 +27,7 @@ export default function GoalStats({ goalCounts, onSelectEvent }: GoalStatsProps)
</div>
{hasData ? (
<div className="flex-1 min-h-[200px]">
<div className="flex-1 min-h-[270px]">
{list.map((row) => (
<div
key={row.event_name}
@@ -54,7 +54,7 @@ export default function GoalStats({ goalCounts, onSelectEvent }: GoalStatsProps)
))}
</div>
) : (
<div className="flex-1 min-h-[200px] flex flex-col items-center justify-center text-center px-6 py-8 gap-4">
<div className="flex-1 min-h-[270px] flex flex-col items-center justify-center text-center px-6 py-8 gap-4">
<div className="rounded-full bg-neutral-100 dark:bg-neutral-800 p-4">
<BookOpenIcon className="w-8 h-8 text-neutral-500 dark:text-neutral-400" />
</div>

10
components/dashboard/ScrollDepth.tsx
View File

@@ -39,12 +39,12 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
</p>
{hasData ? (
<div className="flex-1 min-h-[200px] flex items-center justify-center">
<div className="flex-1 min-h-[270px] flex items-center justify-center">
<RadarChart
width={420}
height={380}
width={320}
height={260}
data={chartData}
margin={{ top: 20, right: 40, bottom: 20, left: 40 }}
margin={{ top: 16, right: 32, bottom: 16, left: 32 }}
>
<PolarGrid stroke="#404040" />
<PolarAngleAxis
@@ -72,7 +72,7 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
</RadarChart>
</div>
) : (
<div className="flex-1 min-h-[200px] flex flex-col items-center justify-center text-center px-6 py-8 gap-4">
<div className="flex-1 min-h-[270px] flex flex-col items-center justify-center text-center px-6 py-8 gap-4">
<div className="rounded-full bg-neutral-100 dark:bg-neutral-800 p-4">
<BarChartIcon className="w-8 h-8 text-neutral-500 dark:text-neutral-400" />
</div>