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

Naslovna kartica: slika omejena na 16:10, ker je s flex-1 posrkala vso visino vrstice in potisnila naslov in opis izven okvirja

Browse Source
This commit is contained in:
FOLX Bot 2026-08-16 13:58:23 +02:00
parent e10501af78
commit 59279fa039
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

@ -523,7 +523,7 @@ function FeaturedHeroCard({ article, focalPoints }: { article: Article; focalPoi
return ( return (
<Link href={`/article/${article.slug}`}> <Link href={`/article/${article.slug}`}>
<div className="relative group cursor-pointer rounded-lg overflow-hidden bg-card border border-card-border h-full flex flex-col" data-testid={`card-featured-hero-${article.id}`}> <div className="relative group cursor-pointer rounded-lg overflow-hidden bg-card border border-card-border h-full flex flex-col" data-testid={`card-featured-hero-${article.id}`}>
<div className="relative flex-1 min-h-[300px]"> <div className="relative flex-none aspect-[16/10] min-h-[300px]">
<img src={article.coverImage || ""} alt={article.title} className="w-full h-full object-cover absolute inset-0 transition-transform duration-700 group-hover:scale-105" style={{ objectPosition: objPos }} loading="lazy" /> <img src={article.coverImage || ""} alt={article.title} className="w-full h-full object-cover absolute inset-0 transition-transform duration-700 group-hover:scale-105" style={{ objectPosition: objPos }} loading="lazy" />
{isVideo && ( {isVideo && (
<div className="absolute inset-0 flex items-center justify-center z-10"> <div className="absolute inset-0 flex items-center justify-center z-10">
@ -533,7 +533,7 @@ function FeaturedHeroCard({ article, focalPoints }: { article: Article; focalPoi
</div> </div>
)} )}
</div> </div>
<div className="p-4 flex-shrink-0"> <div className="p-4 flex-1">
<div className="flex items-center gap-2 mb-1.5"> <div className="flex items-center gap-2 mb-1.5">
<span className="text-xs font-medium text-primary">{article.category}</span> <span className="text-xs font-medium text-primary">{article.category}</span>
<span className="text-muted-foreground text-xs">{timeAgo(new Date(article.publishedAt))}</span> <span className="text-muted-foreground text-xs">{timeAgo(new Date(article.publishedAt))}</span>