Adjust ad positioning on article pages for better display
Modify `PageSideAds` component to accept `contentHalfWidth` prop for dynamic ad placement based on content container width, and update specific pages (article, about, datenschutz, empfang, impressum, search) to pass the correct values. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: a7feb44f-676a-4a21-8ede-a392a39b3b56 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/nlGTLC9 Replit-Helium-Checkpoint-Created: true
This commit is contained in:
@@ -9,7 +9,7 @@ export default function AboutPage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-background">
|
||||
<Header />
|
||||
<PageSideAds />
|
||||
<PageSideAds contentHalfWidth={384} />
|
||||
<main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<div className="flex items-center gap-3 mb-8">
|
||||
<Tv className="w-7 h-7 text-primary" />
|
||||
|
||||
@@ -164,7 +164,7 @@ export default function ArticlePage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-background">
|
||||
<Header />
|
||||
<PageSideAds />
|
||||
<PageSideAds contentHalfWidth={448} />
|
||||
<main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<Link href="/">
|
||||
<Button variant="ghost" size="sm" className="mb-6 gap-2" data-testid="button-back">
|
||||
|
||||
@@ -9,7 +9,7 @@ export default function DatenschutzPage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-background">
|
||||
<Header />
|
||||
<PageSideAds />
|
||||
<PageSideAds contentHalfWidth={384} />
|
||||
<main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<div className="flex items-center gap-3 mb-8">
|
||||
<Shield className="w-7 h-7 text-primary" />
|
||||
|
||||
@@ -38,7 +38,7 @@ export default function EmpfangPage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-background">
|
||||
<Header />
|
||||
<PageSideAds />
|
||||
<PageSideAds contentHalfWidth={448} />
|
||||
<main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<div className="flex items-center gap-3 mb-2">
|
||||
<Tv className="w-7 h-7 text-primary" />
|
||||
|
||||
@@ -9,7 +9,7 @@ export default function ImpressumPage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-background">
|
||||
<Header />
|
||||
<PageSideAds />
|
||||
<PageSideAds contentHalfWidth={384} />
|
||||
<main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<div className="flex items-center gap-3 mb-8">
|
||||
<Scale className="w-7 h-7 text-primary" />
|
||||
|
||||
@@ -77,7 +77,7 @@ export default function SearchPage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-background" data-testid="page-search">
|
||||
<Header />
|
||||
<PageSideAds />
|
||||
<PageSideAds contentHalfWidth={512} />
|
||||
<main className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
|
||||
<Link href="/">
|
||||
<button className="flex items-center gap-1 text-muted-foreground hover:text-foreground text-sm mb-4 transition-colors" data-testid="link-back-home">
|
||||
|
||||
Reference in New Issue
Block a user