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> </div>
{hasData ? ( {hasData ? (
<div className="flex-1 min-h-[200px]"> <div className="flex-1 min-h-[270px]">
{list.map((row) => ( {list.map((row) => (
<div <div
key={row.event_name} key={row.event_name}
@@ -54,7 +54,7 @@ export default function GoalStats({ goalCounts, onSelectEvent }: GoalStatsProps)
))} ))}
</div> </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"> <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" /> <BookOpenIcon className="w-8 h-8 text-neutral-500 dark:text-neutral-400" />
</div> </div>

10
components/dashboard/ScrollDepth.tsx
View File

@@ -39,12 +39,12 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
</p> </p>
{hasData ? ( {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 <RadarChart
width={420} width={320}
height={380} height={260}
data={chartData} data={chartData}
margin={{ top: 20, right: 40, bottom: 20, left: 40 }} margin={{ top: 16, right: 32, bottom: 16, left: 32 }}
> >
<PolarGrid stroke="#404040" /> <PolarGrid stroke="#404040" />
<PolarAngleAxis <PolarAngleAxis
@@ -72,7 +72,7 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
</RadarChart> </RadarChart>
</div> </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"> <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" /> <BarChartIcon className="w-8 h-8 text-neutral-500 dark:text-neutral-400" />
</div> </div>