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

Improve photo gallery image display and adjust news widget

Browse Source 
Fix the photo gallery image to fill its container properly using absolute positioning and a flexible height, resolving overflow issues. Additionally, update the news widget to display five items instead of six.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 76b8462f-8f0a-4aaf-b4ae-3f1bfef0815a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/drGbo1a
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 21:35:02 +00:00
parent 4c73ee8265
commit ade673929c
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772314476842.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 361 KiB

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

@ -110,11 +110,11 @@ function SingleImageCarousel({
onMouseEnter={() => setPaused(true)}
onMouseLeave={() => setPaused(false)}
>
<div className="relative w-full overflow-hidden rounded-b-lg">
<div className="relative w-full overflow-hidden rounded-b-lg flex-1 min-h-[200px]">
<img
src={images[index].large || images[index].thumb}
alt={images[index].fileName}
className="w-full aspect-[4/3] object-cover transition-opacity duration-500"
className="absolute inset-0 w-full h-full object-cover transition-opacity duration-500"
style={{ objectPosition: "center 30%" }}
loading="lazy"
data-testid="img-gallery-current"