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

Ensure ads do not overlap content and fix footer positioning

Browse Source 
Reintroduce side ads to informational pages (Impressum, Kontakt, Datenschutz, Über uns, Empfang) and adjust footer z-index to ensure it displays above ads, preventing content overlap.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 3e8e276e-186c-4696-aba7-43dd2de13954
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:09:17 +00:00
parent 9d7a60ce11
commit acd1f126d0
6 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/footer.tsx
View File

@ -10,7 +10,7 @@ const SOCIAL_LINKS = [
export default function Footer() {
return (
<footer className="border-t border-border bg-card mt-16" data-testid="footer">
<footer className="border-t border-border bg-card mt-16 relative z-20" data-testid="footer">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>

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

@ -2,12 +2,14 @@ import { Tv } from "lucide-react";
import Header from "@/components/header";
import Footer from "@/components/footer";
import { usePageMeta } from "@/hooks/use-page-meta";
import { PageSideAds } from "@/components/adsense";
export default function AboutPage() {
usePageMeta("Über FOLX TV - Volksmusik & Schlager Fernsehsender", "Alles über FOLX TV – Ihren Fernsehsender für Volksmusik und Schlager seit 2013.");
return (
<div className="min-h-screen bg-background">
<Header />
<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

@ -2,12 +2,14 @@ import { Shield } from "lucide-react";
import Header from "@/components/header";
import Footer from "@/components/footer";
import { usePageMeta } from "@/hooks/use-page-meta";
import { PageSideAds } from "@/components/adsense";
export default function DatenschutzPage() {
usePageMeta("Datenschutz - FOLX TV", "Datenschutzerklärung von FOLX TV – Ihr Volksmusik & Schlager Fernsehsender.");
return (
<div className="min-h-screen bg-background">
<Header />
<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

@ -2,6 +2,7 @@ import { Tv, Globe, MapPin } from "lucide-react";
import Header from "@/components/header";
import Footer from "@/components/footer";
import { usePageMeta } from "@/hooks/use-page-meta";
import { PageSideAds } from "@/components/adsense";
const COUNTRIES = [
{
@ -37,6 +38,7 @@ export default function EmpfangPage() {
return (
<div className="min-h-screen bg-background">
<Header />
<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

@ -2,12 +2,14 @@ import { Scale } from "lucide-react";
import Header from "@/components/header";
import Footer from "@/components/footer";
import { usePageMeta } from "@/hooks/use-page-meta";
import { PageSideAds } from "@/components/adsense";
export default function ImpressumPage() {
usePageMeta("Impressum - FOLX TV", "Impressum und rechtliche Informationen zu FOLX TV – Volksmusik & Schlager Fernsehsender.");
return (
<div className="min-h-screen bg-background">
<Header />
<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

@ -4,6 +4,7 @@ import { SiFacebook, SiInstagram, SiYoutube, SiTiktok } from "react-icons/si";
import Header from "@/components/header";
import Footer from "@/components/footer";
import { usePageMeta } from "@/hooks/use-page-meta";
import { PageSideAds } from "@/components/adsense";
import { apiRequest } from "@/lib/queryClient";
export default function KontaktPage() {
@ -39,6 +40,7 @@ export default function KontaktPage() {
return (
<div className="min-h-screen bg-background">
<Header />
<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" />