fix: downsize all page h1 headers — top bar now has primary title

This commit is contained in:
Usman Baig
2026-03-25 17:17:12 +01:00
parent 48b404eb37
commit 294629edfe
10 changed files with 28 additions and 18 deletions

View File

@@ -60,7 +60,7 @@ export default function BehaviorPage() {
{/* Header */}
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
<h1 className="text-2xl font-bold text-white mb-1">
<h1 className="text-lg font-semibold text-neutral-200 mb-1">
Behavior
</h1>
<p className="text-sm text-neutral-400">

View File

@@ -212,7 +212,7 @@ export default function CDNPage() {
{/* Header */}
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
<h1 className="text-2xl font-bold text-white mb-1">
<h1 className="text-lg font-semibold text-neutral-200 mb-1">
CDN Analytics
</h1>
<p className="text-sm text-neutral-400">

View File

@@ -154,7 +154,7 @@ export default function FunnelReportPage() {
<ChevronLeftIcon className="w-5 h-5" />
</Link>
<div>
<h1 className="text-2xl font-bold text-white">
<h1 className="text-lg font-semibold text-neutral-200">
{funnel.name}
</h1>
{funnel.description && (

View File

@@ -40,7 +40,7 @@ export default function FunnelsPage() {
<div className="mb-8">
<div className="flex items-center justify-between mb-6">
<div>
<h1 className="text-2xl font-bold text-white">
<h1 className="text-lg font-semibold text-neutral-200">
Funnels
</h1>
<p className="text-neutral-600 dark:text-neutral-400">

View File

@@ -77,7 +77,7 @@ export default function JourneysPage() {
{/* Header */}
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
<h1 className="text-2xl font-bold text-white mb-1">
<h1 className="text-lg font-semibold text-neutral-200 mb-1">
Journeys
</h1>
<p className="text-sm text-neutral-400">

View File

@@ -429,7 +429,7 @@ export default function SiteDashboardPage() {
<div className="flex items-center justify-between mb-3">
<div className="flex items-center gap-4">
<div>
<h1 className="text-2xl font-bold text-white mb-1">
<h1 className="text-lg font-semibold text-neutral-200 mb-1">
{site.name}
</h1>
<p className="text-neutral-600 dark:text-neutral-400">

View File

@@ -238,7 +238,7 @@ export default function PageSpeedPage() {
<div className="w-full max-w-7xl mx-auto px-4 sm:px-6 pb-8">
{/* Header */}
<div className="mb-8">
<h1 className="text-2xl font-bold text-white mb-1">
<h1 className="text-lg font-semibold text-neutral-200 mb-1">
PageSpeed
</h1>
<p className="text-sm text-neutral-400">
@@ -361,7 +361,7 @@ export default function PageSpeedPage() {
{/* Header */}
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
<h1 className="text-2xl font-bold text-white mb-1">
<h1 className="text-lg font-semibold text-neutral-200 mb-1">
PageSpeed
</h1>
<p className="text-sm text-neutral-400">

View File

@@ -202,7 +202,7 @@ export default function SearchConsolePage() {
{/* Header */}
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
<h1 className="text-2xl font-bold text-white mb-1">
<h1 className="text-lg font-semibold text-neutral-200 mb-1">
Search Console
</h1>
<p className="text-sm text-neutral-400">

View File

@@ -738,7 +738,7 @@ export default function SiteSettingsPage() {
<div className="space-y-8">
<div>
<h1 className="text-2xl font-bold text-white">Site Settings</h1>
<h1 className="text-lg font-semibold text-neutral-200">Site Settings</h1>
<p className="mt-2 text-neutral-600 dark:text-neutral-400">
Manage settings for <span className="font-medium text-white">{site.domain}</span>
</p>

View File

@@ -404,10 +404,15 @@ export default function UptimePage() {
if (!uptimeEnabled) {
return (
<div className={`w-full max-w-7xl mx-auto px-4 sm:px-6 pb-8 ${fadeClass}`}>
{/* Description */}
<p className="text-sm text-neutral-400 mb-8">
Monitor your site&apos;s availability and response time
</p>
{/* Header */}
<div className="mb-8">
<h1 className="text-lg font-semibold text-neutral-200 mb-1">
Uptime
</h1>
<p className="text-sm text-neutral-400">
Monitor your site&apos;s availability and response time
</p>
</div>
{/* Empty state */}
<div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-12 text-center">
@@ -438,11 +443,16 @@ export default function UptimePage() {
// * Enabled state — show uptime dashboard
return (
<div className={`w-full max-w-7xl mx-auto px-4 sm:px-6 pb-8 ${fadeClass}`}>
{/* Description + action */}
{/* Header + action */}
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<p className="text-sm text-neutral-400">
Monitor your site&apos;s availability and response time
</p>
<div>
<h1 className="text-lg font-semibold text-neutral-200 mb-1">
Uptime
</h1>
<p className="text-sm text-neutral-400">
Monitor your site&apos;s availability and response time
</p>
</div>
{canEdit && (
<Button
variant="secondary"