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)}
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
src={current.large || current.thumb}
alt={current.artist || current.fileName}
@ -256,12 +256,12 @@ export function PhotoGalleryWidget({ reverseOrder = false }: { reverseOrder?: bo
if (isLoading) {
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">
<Images className="w-4 h-4 text-primary" />
<h3 className="font-bold text-card-foreground text-sm">Fotogalerie</h3>
</div>
<div className="flex-1 bg-muted animate-pulse min-h-[280px]" />
<div className="flex-1 bg-muted animate-pulse min-h-[180px]" />
</div>
);
}
@ -270,7 +270,7 @@ export function PhotoGalleryWidget({ reverseOrder = false }: { reverseOrder?: bo
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">
<Images className="w-4 h-4 text-primary" />
<h3 className="font-bold text-card-foreground text-sm">Fotogalerie</h3>