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:
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user