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

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

Browse Source
This commit is contained in:
sebastjan
2026-08-31 17:55:06 +02:00
parent cc65cc16e6
commit aeb4c69916
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/breaking-news-widget.tsx
+1 -1
View File
@@ -77,7 +77,7 @@ export function BreakingNewsWidget({ startOffset = 0 }: { startOffset?: number }
href={item.link} href={item.link}
target="_blank" target="_blank"
rel="noopener noreferrer" 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}`} data-testid={`link-breaking-news-${i}`}
> >
<div className="flex items-start gap-2"> <div className="flex items-start gap-2">
client/src/components/news-widget.tsx
+1 -1
View File
@@ -77,7 +77,7 @@ export function NewsWidget({ startOffset = 0 }: { startOffset?: number } = {}) {
href={item.link} href={item.link}
target="_blank" target="_blank"
rel="noopener noreferrer" 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}`} data-testid={`link-news-${i}`}
> >
<div className="flex items-start gap-2"> <div className="flex items-start gap-2">
client/src/pages/home.tsx
+6 -3
View File
@@ -1159,10 +1159,13 @@ export default function Home() {
<LazySection minHeight="280px"> <LazySection minHeight="280px">
{/* items-start: oglas 300x600 je sicer raztegnil oba seznama na svojo {/* items-start: oglas 300x600 je sicer raztegnil oba seznama na svojo
visino in med novicami so nastale velike luknje. */} 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"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 items-start">
<NewsWidget key="extra-news" startOffset={10} /> <div className="h-[600px] overflow-hidden"><NewsWidget key="extra-news" startOffset={10} /></div>
<BreakingNewsWidget key="extra-breaking" startOffset={10} /> <div className="h-[600px] overflow-hidden"><BreakingNewsWidget key="extra-breaking" startOffset={10} /></div>
<div className="h-full"><ArticleCardAd /></div> <div className="h-[600px]"><ArticleCardAd /></div>
</div> </div>
</LazySection> </LazySection>