pripomocka v spodnjem bloku dobita trdno visino 600 px, vrstice v njiju pa enak prostor, da stran ob vrtenju ne poskakuje

This commit is contained in:
2026-08-31 17:55:06 +02:00
parent cc65cc16e6
commit aeb4c69916
3 changed files with 8 additions and 5 deletions
@@ -77,7 +77,7 @@ export function BreakingNewsWidget({ startOffset = 0 }: { startOffset?: number }
href={item.link}
target="_blank"
rel="noopener noreferrer"
className="block group cursor-pointer flex-1 flex flex-col justify-center"
className="block group cursor-pointer flex-1 min-h-0 flex flex-col justify-center overflow-hidden"
data-testid={`link-breaking-news-${i}`}
>
<div className="flex items-start gap-2">
+1 -1
View File
@@ -77,7 +77,7 @@ export function NewsWidget({ startOffset = 0 }: { startOffset?: number } = {}) {
href={item.link}
target="_blank"
rel="noopener noreferrer"
className="block group cursor-pointer flex-1 flex flex-col justify-center"
className="block group cursor-pointer flex-1 min-h-0 flex flex-col justify-center overflow-hidden"
data-testid={`link-news-${i}`}
>
<div className="flex items-start gap-2">
+6 -3
View File
@@ -1159,10 +1159,13 @@ export default function Home() {
<LazySection minHeight="280px">
{/* items-start: oglas 300x600 je sicer raztegnil oba seznama na svojo
visino in med novicami so nastale velike luknje. */}
{/* Trdna visina: pripomocka se vsakih pet sekund zavrtita in ob
razlicno dolgih naslovih sta prej spreminjala visino, zato je
stran pod njima poskakovala. */}
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 items-start">
<NewsWidget key="extra-news" startOffset={10} />
<BreakingNewsWidget key="extra-breaking" startOffset={10} />
<div className="h-full"><ArticleCardAd /></div>
<div className="h-[600px] overflow-hidden"><NewsWidget key="extra-news" startOffset={10} /></div>
<div className="h-[600px] overflow-hidden"><BreakingNewsWidget key="extra-breaking" startOffset={10} /></div>
<div className="h-[600px]"><ArticleCardAd /></div>
</div>
</LazySection>