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

naslovnica: prazen pas pod karuselom — levi stolpec se zdaj raztegne do visine stranskega stolpca, visino dobi vrstica mreze (grid-rows-1), ne vsebnik

Browse Source
This commit is contained in:
folx bot
2026-08-25 12:57:07 +02:00
parent 4576b04f4c
commit dc8a531d6b
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/home.tsx
+7 -4
View File
@@ -595,14 +595,14 @@ function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { a
const nextPageArticles = articles.slice(nextPageStart, nextPageStart + pageSize); const nextPageArticles = articles.slice(nextPageStart, nextPageStart + pageSize);
return ( return (
<section data-testid="featured-carousel" onMouseEnter={() => setPaused(true)} onMouseLeave={() => setPaused(false)}> <section className="lg:h-full lg:flex lg:flex-col" data-testid="featured-carousel" onMouseEnter={() => setPaused(true)} onMouseLeave={() => setPaused(false)}>
{nextPageArticles.length > 0 && ( {nextPageArticles.length > 0 && (
<div className="hidden" aria-hidden="true"> <div className="hidden" aria-hidden="true">
{nextPageArticles.map((a) => a.coverImage && <img key={`preload-${a.id}`} src={a.coverImage} alt="" />)} {nextPageArticles.map((a) => a.coverImage && <img key={`preload-${a.id}`} src={a.coverImage} alt="" />)}
</div> </div>
)} )}
<div <div
className="grid grid-cols-1 lg:grid-cols-5 gap-4 lg:auto-rows-[520px] transition-opacity duration-300" className="grid grid-cols-1 lg:grid-cols-5 lg:grid-rows-1 gap-4 lg:flex-1 lg:min-h-[460px] 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">
@@ -907,8 +907,11 @@ export default function Home() {
</div> </div>
<div className="grid grid-cols-1 lg:grid-cols-4 gap-4"> <div className="grid grid-cols-1 lg:grid-cols-4 gap-4">
<div className="lg:col-span-3 space-y-4"> <div className="lg:col-span-3 space-y-4 lg:flex lg:flex-col">
<div className="hidden md:block"> {/* Prej je bila visina karusela fiksna, desni stolpec pa visji —
pod karuselom je zato ostal prazen pas. Zdaj se karusel
raztegne do visine stranskega stolpca. */}
<div className="hidden md:block lg:flex-1 lg:min-h-0">
<FeaturedCarousel articles={articles.filter(a => a.featured)} popular={popular} galleryImages={galleryImages} focalPoints={focalPoints} /> <FeaturedCarousel articles={articles.filter(a => a.featured)} popular={popular} galleryImages={galleryImages} focalPoints={focalPoints} />
</div> </div>
<MobileMosaic <MobileMosaic