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

Ensure ads properly fill available space in the content grid

Browse Source 
Adjust ad components to fill vertical space, preventing empty gaps below them in the grid layout.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 4400694b-0a33-4db8-aef6-2acb356cdf9b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/nFw7xof
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-02 17:36:29 +00:00
parent 9ebb74eb9b
commit ba4d22c513
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772472919348.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 247 KiB

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

@ -79,12 +79,12 @@ export default function AdSense({
export function ArticleCardAd() { export function ArticleCardAd() {
return ( return (
<div className="bg-card rounded-md border border-card-border overflow-hidden"> <div className="bg-card rounded-md border border-card-border overflow-hidden h-full min-h-[200px] flex flex-col">
<AdSense <AdSense
slot="3854634730" slot="3854634730"
format="fluid" format="fluid"
layoutKey="-6r+cy-10+8a-3" layoutKey="-6r+cy-10+8a-3"
style={{ display: "block" }} style={{ display: "block", flex: "1" }}
/> />
</div> </div>
); );

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

@ -595,7 +595,7 @@ export default function Home() {
item.type === "widget" item.type === "widget"
? <div key={item.key}>{item.widget!.el}</div> ? <div key={item.key}>{item.widget!.el}</div>
: item.type === "ad" : item.type === "ad"
? <div key={item.key} data-testid={`ad-grid-${item.key}`}><ArticleCardAd /></div> ? <div key={item.key} className="h-full" data-testid={`ad-grid-${item.key}`}><ArticleCardAd /></div>
: item.article : item.article
? <MediumCard key={item.key} article={item.article} focalPoints={focalPoints} /> ? <MediumCard key={item.key} article={item.article} focalPoints={focalPoints} />
: null : null