From 2ec7c259c3a363cad3b001036875826060ca9b4e Mon Sep 17 00:00:00 2001
From: claude <claude@folx.tv>
Date: Wed, 19 Aug 2026 22:27:33 +0200
Subject: [PATCH] naslovnice kartic: object-position center 25% na vseh straneh
 (aktuelles, videos, iskanje, domaca), da glave niso odrezane

---
 client/src/pages/aktuelles.tsx | 2 +-
 client/src/pages/home.tsx      | 4 ++--
 client/src/pages/search.tsx    | 4 ++--
 client/src/pages/videos.tsx    | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/pages/aktuelles.tsx b/client/src/pages/aktuelles.tsx
index 9516888..6df1463 100644
--- a/client/src/pages/aktuelles.tsx
+++ b/client/src/pages/aktuelles.tsx
@@ -142,7 +142,7 @@ export default function AktuellesPage() {
                           src={a.coverImage}
                           alt={a.title}
                           loading="lazy"
-                          className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
+                          style={{ objectPosition: "center 25%" }} className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
                         />
                       </div>
                     )}
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index d41d5d1..fcaa75b 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -142,9 +142,9 @@ function GalleryHeroCard({ images }: { images: GalleryImage[] }) {
 }
 
 function getObjectPosition(coverImage: string | null, focalPoints?: Record<string, { x: number; y: number }>): string {
-  if (!coverImage || !focalPoints) return "center 20%";
+  if (!coverImage || !focalPoints) return "center 25%";
   const fp = focalPoints[coverImage];
-  if (!fp) return "center 20%";
+  if (!fp) return "center 25%";
   return `${fp.x}% ${fp.y}%`;
 }
 
diff --git a/client/src/pages/search.tsx b/client/src/pages/search.tsx
index 8d81b16..5aca8b5 100644
--- a/client/src/pages/search.tsx
+++ b/client/src/pages/search.tsx
@@ -130,7 +130,7 @@ export default function SearchPage() {
                       <img
                         src={article.coverImage}
                         alt={article.title}
-                        className="w-24 h-24 sm:w-32 sm:h-20 object-cover rounded-md flex-shrink-0"
+                        style={{ objectPosition: "center 25%" }} className="w-24 h-24 sm:w-32 sm:h-20 object-cover rounded-md flex-shrink-0"
                       />
                     )}
                     <div className="flex-1 min-w-0">
@@ -165,7 +165,7 @@ export default function SearchPage() {
                     <img
                       src={video.thumbnail}
                       alt={video.title}
-                      className="w-full h-full object-cover rounded-md"
+                      style={{ objectPosition: "center 25%" }} className="w-full h-full object-cover rounded-md"
                     />
                     <div className="absolute inset-0 flex items-center justify-center">
                       <div className="w-8 h-8 rounded-full bg-primary/80 flex items-center justify-center">
diff --git a/client/src/pages/videos.tsx b/client/src/pages/videos.tsx
index 93e4e75..90f48fb 100644
--- a/client/src/pages/videos.tsx
+++ b/client/src/pages/videos.tsx
@@ -36,7 +36,7 @@ function VideoCard({ article }: { article: Article }) {
             <img
               src={thumbSrc}
               alt={article.title}
-              className="w-full aspect-video object-cover transition-transform duration-500 group-hover:scale-105"
+              style={{ objectPosition: "center 25%" }} className="w-full aspect-video object-cover transition-transform duration-500 group-hover:scale-105"
               loading="lazy"
             />
           </div>