From a39322b729557d9c1a00e4ef056c43491ed83e73 Mon Sep 17 00:00:00 2001
From: Claude <claude@folx.tv>
Date: Fri, 28 Aug 2026 11:45:17 +0000
Subject: [PATCH] naslovnica: naslovna slika v karuselu ne more vec postati
 pokoncna

Vzrok: slika v FeaturedHeroCard ima lg:flex-1 lg:aspect-auto, torej pozre ves
visek visine vrstice. Visina vrstice je najvisji stolpec, in ko je bil ta
visok, je 16:9 naslovnica v object-cover postala pokoncna in mocno prirezana -
obraz cez cel okvir.

Dvoje:
- karusel dobi lg:max-h-[560px] poleg obstojecega lg:min-h-[460px], tako da je
  visina slike omejena med priblizno 16:10 in 16:13 in nikoli pokoncna;
- stranski stolpec je zdaj lg:flex lg:flex-col, seznam Zuletzt hinzugefuegt pa
  lg:flex-1 z overflow-hidden in osmimi namesto petimi novicami, tako da visek
  visine poziera on in ne slika.
---
 client/src/pages/home.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 6d26d58..1e64c69 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -602,7 +602,7 @@ function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { a
         </div>
       )}
       <div
-        className="grid grid-cols-1 lg:grid-cols-5 lg:grid-rows-1 gap-4 lg:flex-1 lg:min-h-[460px] transition-opacity duration-300"
+        className="grid grid-cols-1 lg:grid-cols-5 lg:grid-rows-1 gap-4 lg:flex-1 lg:min-h-[460px] lg:max-h-[560px] transition-opacity duration-300"
         style={{ opacity: fading ? 0 : 1 }}
       >
         <div className="lg:col-span-3">
@@ -916,9 +916,9 @@ export default function Home() {
               focalPoints={focalPoints}
             />
           </div>
-          <div className="lg:col-span-1 space-y-4">
+          <div className="lg:col-span-1 space-y-4 lg:flex lg:flex-col">
             <SidebarWeatherWidget />
-            {articles && articles.length > 0 && <TopStoriesList articles={[...articles].sort((a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()).slice(0, 5)} />}
+            {articles && articles.length > 0 && <TopStoriesList articles={[...articles].sort((a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()).slice(0, 8)} className="lg:flex-1 lg:min-h-0 overflow-hidden" />}
             <SidebarAd />
           </div>
         </div>