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

Add featured articles below the main carousel and above the grid

Browse Source 
Update home page layout to display featured articles in a dedicated section below the carousel and before the main article grid.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 9de51490-28ac-4c50-8b31-f0aee89ca6c6
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/0ZGabQy
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 22:30:45 +00:00
parent 325b579bfe
commit 1b5ca5aaca
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -523,6 +523,14 @@ export default function Home() {
<FeaturedCarousel articles={articles} popular={popular} galleryImages={galleryImages} focalPoints={focalPoints} />
{widePickedArticles.length > 0 && (
<div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
{widePickedArticles.map((a) => (
<WideCard key={`wide-top-${a.id}`} article={a} focalPoints={focalPoints} />
))}
</div>
)}
{gridRows.map((row, ri) => (
<div key={ri} className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
{row.map((item, ci) =>
@ -540,14 +548,6 @@ export default function Home() {
</div>
))}
{widePickedArticles.length > 0 && (
<div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
{widePickedArticles.map((a) => (
<WideCard key={`wide-bottom-${a.id}`} article={a} focalPoints={focalPoints} />
))}
</div>
)}
</main>
<Footer />
</div>