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

Update advertisements to match card styling and dimensions

Browse Source 
Replaces generic AdSense components with `ArticleCardAd` to ensure ads maintain consistent styling (rounded borders, card background) and aspect ratio with other content cards on the homepage, specifically in the bottom widget section and the main grid.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a18418f2-ec95-41e4-8543-d1e537da4416
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/ls5p9ni
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 22:41:35 +00:00
parent 8361871b4f
commit daad124140
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/pages/home.tsx
View File

@ -7,7 +7,7 @@ import { Eye, Play, Images } from "lucide-react";
import { Skeleton } from "@/components/ui/skeleton";
import Header from "@/components/header";
import Footer from "@/components/footer";
import AdSense from "@/components/adsense";
import AdSense, { ArticleCardAd } from "@/components/adsense";
import { PhotoGalleryWidget } from "@/components/photo-gallery";
import { HoroscopeWidget } from "@/components/horoscope-widget";
import { RecipeWidget } from "@/components/recipe-widget";
@ -524,8 +524,8 @@ export default function Home() {
{ type: "widget", el: <div key="bottom-horoscope" className="flex flex-col gap-4"><HoroscopeWidget /><WeatherWidget /></div> },
{ type: "widget", el: <BreakingNewsWidget key="bottom-breaking" /> },
{ type: "widget", el: <RecipeWidget key="bottom-recipe" /> },
{ type: "ad", el: <div key="ad-bottom-1" className="bg-card rounded-lg border border-card-border overflow-hidden flex items-center justify-center min-h-[250px]"><AdSense slot="bottom-1" className="w-full h-full" /></div> },
{ type: "ad", el: <div key="ad-bottom-2" className="bg-card rounded-lg border border-card-border overflow-hidden flex items-center justify-center min-h-[250px]"><AdSense slot="bottom-2" className="w-full h-full" /></div> },
{ type: "ad", el: <div key="ad-bottom-1"><ArticleCardAd /></div> },
{ type: "ad", el: <div key="ad-bottom-2"><ArticleCardAd /></div> },
];
for (let i = items.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
@ -573,8 +573,8 @@ export default function Home() {
<div className="sm:col-span-2">
<WideCard article={widePickedArticles[0]} focalPoints={focalPoints} />
</div>
<div className="sm:col-span-2 flex items-center justify-center">
<AdSense slot="bottom-grid" className="w-full h-full min-h-[250px]" />
<div className="sm:col-span-2">
<ArticleCardAd />
</div>
</>
)}