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

Position featured articles directly below the main carousel

Browse Source 
Move the display of selected articles to appear immediately after the featured carousel section, 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: 2e5e2f2d-48e4-44a0-9f09-d5e10959455e
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:28:04 +00:00
parent 7b9abf181a
commit b73903f4a6
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-${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) =>
@ -535,14 +543,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-${a.id}`} article={a} focalPoints={focalPoints} />
))}
</div>
)}
</main>
<Footer />
</div>