sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust ad placement to prevent overlap on legal and other pages

Browse Source 
Modify `PageSideAds` component to accept a `contentHalfWidth` prop, dynamically adjusting ad positioning on pages with narrower content layouts (Impressum, Datenschutz, Kontakt, About) to `384px`, and on Empfang page to `448px`, resolving overlap issues.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: b8ad454c-ef1f-4377-8e94-d9e1665feb20
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/ee1CXlO
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-06 15:12:14 +00:00
parent 0e6c7e59d5
commit 78049cc867
5 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/pages/about.tsx
View File

@ -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" />

2
client/src/pages/datenschutz.tsx
View File

@ -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" />

2
client/src/pages/empfang.tsx
View File

@ -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" />

2
client/src/pages/impressum.tsx
View File

@ -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" />

2
client/src/pages/kontakt.tsx
View File

@ -40,7 +40,7 @@ export default function KontaktPage() {
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">
<Mail className="w-7 h-7 text-primary" />