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

Merge pull request #63 from ciphera-net/staging

Browse Source 
fix: tighten dashboard vertical spacing
This commit is contained in:
Usman
2026-03-19 12:15:56 +01:00
committed by GitHub
parent 0e759e8fcf 7cbfbc54ca
commit e7c7ab8f9c
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -438,11 +438,11 @@ export default function SiteDashboardPage() {
return ( return (
<div className={`w-full max-w-6xl mx-auto px-4 sm:px-6 pb-8 ${fadeClass}`}> <div className={`w-full max-w-6xl mx-auto px-4 sm:px-6 pb-8 ${fadeClass}`}>
<div className="mb-8"> <div className="mb-6">
<div className="flex items-center justify-between mb-4"> <div className="flex items-center justify-between mb-3">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div> <div>
<h1 className="text-2xl font-bold text-neutral-900 dark:text-white mb-2"> <h1 className="text-2xl font-bold text-neutral-900 dark:text-white mb-1">
{site.name} {site.name}
</h1> </h1>
<p className="text-neutral-600 dark:text-neutral-400"> <p className="text-neutral-600 dark:text-neutral-400">
@@ -539,7 +539,7 @@ export default function SiteDashboardPage() {
)} )}
{/* Advanced Chart with Integrated Stats */} {/* Advanced Chart with Integrated Stats */}
<div className="mb-8"> <div className="mb-6">
<Chart <Chart
data={dailyStats} data={dailyStats}
prevData={prevDailyStats} prevData={prevDailyStats}
@@ -561,7 +561,7 @@ export default function SiteDashboardPage() {
/> />
</div> </div>
<div className="grid gap-6 lg:grid-cols-2 mb-8 [&>*]:min-w-0"> <div className="grid gap-6 lg:grid-cols-2 mb-6 [&>*]:min-w-0">
<ContentStats <ContentStats
topPages={dashboard?.top_pages ?? []} topPages={dashboard?.top_pages ?? []}
entryPages={dashboard?.entry_pages ?? []} entryPages={dashboard?.entry_pages ?? []}
@@ -581,7 +581,7 @@ export default function SiteDashboardPage() {
/> />
</div> </div>
<div className="grid gap-6 lg:grid-cols-2 mb-8 [&>*]:min-w-0"> <div className="grid gap-6 lg:grid-cols-2 mb-6 [&>*]:min-w-0">
<Locations <Locations
countries={dashboard?.countries ?? []} countries={dashboard?.countries ?? []}
cities={dashboard?.cities ?? []} cities={dashboard?.cities ?? []}
@@ -604,11 +604,11 @@ export default function SiteDashboardPage() {
/> />
</div> </div>
<div className="grid gap-6 lg:grid-cols-2 mb-8 [&>*]:min-w-0"> <div className="grid gap-6 lg:grid-cols-2 mb-6 [&>*]:min-w-0">
<Campaigns siteId={siteId} dateRange={dateRange} filters={filtersParam || undefined} onFilter={handleAddFilter} /> <Campaigns siteId={siteId} dateRange={dateRange} filters={filtersParam || undefined} onFilter={handleAddFilter} />
<PeakHours siteId={siteId} dateRange={dateRange} /> <PeakHours siteId={siteId} dateRange={dateRange} />
</div> </div>
<div className="grid gap-6 lg:grid-cols-2 mb-8 [&>*]:min-w-0"> <div className="grid gap-6 lg:grid-cols-2 mb-6 [&>*]:min-w-0">
<SearchPerformance siteId={siteId} dateRange={dateRange} /> <SearchPerformance siteId={siteId} dateRange={dateRange} />
<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))}

2
components/dashboard/DashboardShell.tsx
View File

@@ -38,7 +38,7 @@ export default function DashboardShell({
/> />
<div className="flex-1 flex flex-col min-w-0 overflow-hidden"> <div className="flex-1 flex flex-col min-w-0 overflow-hidden">
<ContentHeader onMobileMenuOpen={openMobile} /> <ContentHeader onMobileMenuOpen={openMobile} />
<main className="flex-1 overflow-y-auto pt-6"> <main className="flex-1 overflow-y-auto pt-4">
{children} {children}
</main> </main>
</div> </div>