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

photo-gallery: zmanjšaj min-h na 220px (bolj kompaktna galerija)

Browse Source
This commit is contained in:
Sebastjan 2026-06-07 21:12:50 +02:00
parent fc56ef06f6
commit c874bbc75b
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/photo-gallery.tsx
View File

@ -178,7 +178,7 @@ function SingleImageCarousel({
onMouseEnter={() => setPaused(true)} onMouseEnter={() => setPaused(true)}
onMouseLeave={() => setPaused(false)} onMouseLeave={() => setPaused(false)}
> >
<div className="relative w-full overflow-hidden rounded-b-lg flex-1 min-h-[200px]"> <div className="relative w-full overflow-hidden rounded-b-lg flex-1 min-h-[140px]">
<img <img
src={current.large || current.thumb} src={current.large || current.thumb}
alt={current.artist || current.fileName} alt={current.artist || current.fileName}
@ -256,12 +256,12 @@ export function PhotoGalleryWidget({ reverseOrder = false }: { reverseOrder?: bo
if (isLoading) { if (isLoading) {
return ( return (
<div className="bg-card rounded-lg border border-card-border overflow-hidden h-full min-h-[320px]" data-testid="widget-gallery-loading"> <div className="bg-card rounded-lg border border-card-border overflow-hidden h-full min-h-[220px]" data-testid="widget-gallery-loading">
<div className="p-3 flex items-center gap-2 border-b border-card-border"> <div className="p-3 flex items-center gap-2 border-b border-card-border">
<Images className="w-4 h-4 text-primary" /> <Images className="w-4 h-4 text-primary" />
<h3 className="font-bold text-card-foreground text-sm">Fotogalerie</h3> <h3 className="font-bold text-card-foreground text-sm">Fotogalerie</h3>
</div> </div>
<div className="flex-1 bg-muted animate-pulse min-h-[280px]" /> <div className="flex-1 bg-muted animate-pulse min-h-[180px]" />
</div> </div>
); );
} }
@ -270,7 +270,7 @@ export function PhotoGalleryWidget({ reverseOrder = false }: { reverseOrder?: bo
return ( return (
<> <>
<div className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col min-h-[320px]" data-testid="widget-gallery"> <div className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col min-h-[220px]" data-testid="widget-gallery">
<div className="p-3 flex items-center gap-2 border-b border-card-border flex-shrink-0"> <div className="p-3 flex items-center gap-2 border-b border-card-border flex-shrink-0">
<Images className="w-4 h-4 text-primary" /> <Images className="w-4 h-4 text-primary" />
<h3 className="font-bold text-card-foreground text-sm">Fotogalerie</h3> <h3 className="font-bold text-card-foreground text-sm">Fotogalerie</h3>