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

Adjust layout to make top stories section wider

Browse Source 
Modify the grid layout for the featured carousel, changing the column span for the main content and top stories section to achieve a wider display for top stories.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 6b9307df-8031-41c9-bd2b-9f9c6fcbc1ba
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 20:42:14 +00:00
parent ebfa914deb
commit f6ca0a2e70
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -239,8 +239,8 @@ function FeaturedCarousel({ articles, popular, galleryImages }: { articles: Arti
return (
<section data-testid="featured-carousel" onMouseEnter={() => setPaused(true)} onMouseLeave={() => setPaused(false)}>
<div className="grid grid-cols-1 lg:grid-cols-6 gap-4">
<div className={wide ? "lg:col-span-5" : "lg:col-span-4"}>
<div className="grid grid-cols-1 lg:grid-cols-8 gap-4">
<div className={wide ? "lg:col-span-6" : "lg:col-span-5"}>
{isGalleryPage && galleryImages ? (
<GalleryHeroCard images={galleryImages.slice(0, 30)} />
) : hero ? (
@ -254,7 +254,7 @@ function FeaturedCarousel({ articles, popular, galleryImages }: { articles: Arti
))}
</div>
)}
<div className="lg:col-span-1">
<div className="lg:col-span-2">
{popular && popular.length > 0 && <TopStoriesList articles={popular} />}
</div>
</div>