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

Update layout and aspect ratios for all widgets on the homepage

Browse Source 
Adjusted aspect ratios for PhotoGallery, Recipe, Horoscope, and News widgets to 4:5 for a filled and taller appearance. Increased the number of news items displayed and updated styling for better visual presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: dc86575c-1a2c-4bad-be6f-bf7c15dcafd7
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/413891e8-d784-4bea-b9f5-91a5a68316b4/RVXhOPb
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic
2026-02-28 18:33:14 +00:00
parent 394b439ddc
commit f3614e4640
7 changed files with 29 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/home.tsx
+5 -6
View File
@@ -338,21 +338,20 @@ export default function Home() {
<NativeAdCard />
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<div className="lg:col-span-1">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 auto-rows-fr">
<div className="aspect-[4/5]">
<PhotoGalleryWidget />
<SectionLink href="/gallery" label="Alle Fotos" />
</div>
<div className="lg:col-span-1">
<div className="aspect-[4/5]">
<RecipeWidget />
</div>
<div className="lg:col-span-1">
<div className="aspect-[4/5]">
<HoroscopeWidget />
</div>
<div className="lg:col-span-1">
<div className="aspect-[4/5]">
<NewsWidget />
</div>
</div>