naslovnica: vrstica z glavno novico dobi fiksno visino 520px na namizju — prej jo je dolocal desni stolpec in glavna slika je zrasla v portret; na mobilnem ostaja razmerje 16:10

This commit is contained in:
folx bot
2026-08-24 19:12:14 +02:00
parent 27e29b9c9a
commit d325901182
+2 -2
View File
@@ -526,7 +526,7 @@ function FeaturedHeroCard({ article, focalPoints }: { article: Article; focalPoi
{/* Visek visine gre v sliko, ne v prazen prostor pod besedilom. Prej je {/* Visek visine gre v sliko, ne v prazen prostor pod besedilom. Prej je
imela slika fiksno razmerje in se je raztegnil besedilni del, kar je imela slika fiksno razmerje in se je raztegnil besedilni del, kar je
pod novico naredilo velik crn pas. */} pod novico naredilo velik crn pas. */}
<div className="relative flex-1 min-h-[300px]"> <div className="relative flex-none aspect-[16/10] lg:flex-1 lg:aspect-auto lg:min-h-0">
<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">
@@ -602,7 +602,7 @@ function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { a
</div> </div>
)} )}
<div <div
className="grid grid-cols-1 lg:grid-cols-5 gap-4 transition-opacity duration-300" className="grid grid-cols-1 lg:grid-cols-5 gap-4 lg:h-[520px] transition-opacity duration-300"
style={{ opacity: fading ? 0 : 1 }} style={{ opacity: fading ? 0 : 1 }}
> >
<div className="lg:col-span-3"> <div className="lg:col-span-3">