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

Adjust homepage layout for better content visibility and focus

Browse Source 
Modify the grid layout on the homepage to allocate more space for the hero section while reducing the width of the "Top Stories" section, improving overall content presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 64c39580-31f4-44b9-9524-8e1f01e20806
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 20:41:44 +00:00
parent d0b775b3a0
commit ebfa914deb
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -240,7 +240,7 @@ 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-4" : "lg:col-span-3"}>
<div className={wide ? "lg:col-span-5" : "lg:col-span-4"}>
{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-2">
<div className="lg:col-span-1">
{popular && popular.length > 0 && <TopStoriesList articles={popular} />}
</div>
</div>