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

Adjust article display to use smaller ad cards

Browse Source 
Simplify ad integration on the home page by replacing larger ad components with ArticleCardAd, maintaining consistent layout and improving visual presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: e3095eaa-9d9b-41cc-98ab-c1eadf8f10a3
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:07:40 +00:00
parent fb9f53baa2
commit 1642107b9a
2 changed files with 6 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772712344788.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 534 KiB

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

@ -680,9 +680,7 @@ export default function Home() {
</div>
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<ArticleCardAd />
</div>
<ArticleCardAd />
{widePickedArticles.length > 0 && (
<div className="grid grid-cols-1 lg:grid-cols-4 gap-4">
@ -724,17 +722,11 @@ export default function Home() {
</div>
)}
</div>
{ri % 3 === 2 && ri < gridRows.length - 1 && (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-4">
<ArticleCardAd />
</div>
)}
{ri % 3 === 2 && ri < gridRows.length - 1 && <ArticleCardAd />}
</div>
))}
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<ArticleCardAd />
</div>
<ArticleCardAd />
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
{bottomSection.map((item, i) => (
@ -744,9 +736,7 @@ export default function Home() {
))}
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<ArticleCardAd />
</div>
<ArticleCardAd />
{extraBottomArticles.length > 3 && (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
@ -756,9 +746,7 @@ export default function Home() {
</div>
)}
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<ArticleCardAd />
</div>
<ArticleCardAd />
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
<PhotoGalleryWidget key="extra-gallery" />
@ -766,9 +754,7 @@ export default function Home() {
<RecipeWidget key="extra-recipe" />
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<ArticleCardAd />
</div>
<ArticleCardAd />
</main>
<Footer />