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

naslovnica: pike karusela so bile 8px in skoraj nevidne na temnem ozadju — vecje, svetlejse, aktivna sirsa (velja tudi za mobilni mozaik)

Browse Source
This commit is contained in:
folx bot
2026-08-24 21:35:43 +02:00
parent d325901182
commit 2de0fa2c9b
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/home.tsx
+9 -3
View File
@@ -277,7 +277,7 @@ function MobileMosaic({ latest, popular, focalPoints }: { latest: Article[]; pop
<button <button
key={i} key={i}
onClick={() => setPage(i)} onClick={() => setPage(i)}
className={`h-2 rounded-full transition-all duration-300 ${i === page ? "bg-primary w-5" : "bg-muted-foreground/30 w-2"}`} className={`h-2.5 rounded-full transition-all duration-300 ${i === page ? "bg-primary w-8" : "bg-foreground/35 w-2.5"}`}
data-testid={`button-mosaic-dot-${i}`} data-testid={`button-mosaic-dot-${i}`}
aria-label={`Seite ${i + 1}`} aria-label={`Seite ${i + 1}`}
/> />
@@ -615,9 +615,15 @@ function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { a
</div> </div>
</div> </div>
{totalPages > 1 && ( {totalPages > 1 && (
<div className="flex justify-center gap-2 mt-3" data-testid="carousel-dots"> <div className="flex justify-center items-center gap-2.5 mt-4" data-testid="carousel-dots">
{Array.from({ length: totalPages }).map((_, i) => ( {Array.from({ length: totalPages }).map((_, i) => (
<button key={i} onClick={() => setPage(i)} className={`w-2 h-2 rounded-full transition-all duration-300 ${i === page ? "bg-primary w-5" : "bg-muted-foreground/30 hover:bg-muted-foreground/50"}`} data-testid={`button-carousel-dot-${i}`} /> <button
key={i}
onClick={() => setPage(i)}
aria-label={`Seite ${i + 1}`}
className={`h-2.5 rounded-full transition-all duration-300 ${i === page ? "bg-primary w-8" : "bg-foreground/35 hover:bg-foreground/60 w-2.5"}`}
data-testid={`button-carousel-dot-${i}`}
/>
))} ))}
</div> </div>
)} )}