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

Add two featured articles spanning the full width of the page

Browse Source 
Update home page to display two wide article cards below the main grid, each occupying the full width.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: b8e330a1-87a4-4be8-8abe-f44632240304
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:18:22 +00:00
parent 29714c1cd4
commit f8c7a6bd66
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -522,11 +522,10 @@ export default function Home() {
</div>
))}
{shuffled.length > 0 && (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-4">
<div className="sm:col-span-2 lg:col-span-2">
<WideCard article={shuffled[shuffled.length - 1]} focalPoints={focalPoints} />
</div>
{shuffled.length > 1 && (
<div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
<WideCard article={shuffled[shuffled.length - 1]} focalPoints={focalPoints} />
<WideCard article={shuffled[shuffled.length - 2]} focalPoints={focalPoints} />
</div>
)}