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

Adjust ad display to fit within article card dimensions

Browse Source 
Constrain the width and height of ArticleCardAd component to match article card size, preventing it from taking full page width.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 0313d494-f9bf-410a-8141-4e62cb4ffc5d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/V5dWXpq
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-05 12:17:32 +00:00
parent 3905f52571
commit 9e0c1719db
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772713008249.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 277 KiB

18
client/src/components/adsense.tsx
View File

@ -83,14 +83,16 @@ let adSeedCounter = 1;
export function ArticleCardAd() { export function ArticleCardAd() {
const seed = useMemo(() => adSeedCounter++, []); const seed = useMemo(() => adSeedCounter++, []);
return ( return (
<ArtistPatternBg className="rounded-md border border-card-border h-full bg-card" seed={seed}> <div className="max-w-[300px] min-h-[250px]">
<AdSense <ArtistPatternBg className="rounded-md border border-card-border h-full bg-card" seed={seed}>
slot="3854634730" <AdSense
format="fluid" slot="3854634730"
layoutKey="-6r+cy-10+8a-3" format="fluid"
style={{ display: "block" }} layoutKey="-6r+cy-10+8a-3"
/> style={{ display: "block" }}
</ArtistPatternBg> />
</ArtistPatternBg>
</div>
); );
} }