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 */} {/* Header */}
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"> <div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div> <div>
<h1 className="text-2xl font-bold text-white mb-1"> <h1 className="text-lg font-semibold text-neutral-200 mb-1">
Behavior Behavior
</h1> </h1>
<p className="text-sm text-neutral-400"> <p className="text-sm text-neutral-400">

View File

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

View File

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

View File

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

View File

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

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

View File

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

View File

@@ -738,7 +738,7 @@ export default function SiteSettingsPage() {
<div className="space-y-8"> <div className="space-y-8">
<div> <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"> <p className="mt-2 text-neutral-600 dark:text-neutral-400">
Manage settings for <span className="font-medium text-white">{site.domain}</span> Manage settings for <span className="font-medium text-white">{site.domain}</span>
</p> </p>

View File

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