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

Adjust gallery carousel to display images without side borders

Browse Source 
Update the `SingleImageCarousel` component in `photo-gallery.tsx` to use `h-full` and `absolute inset-0` CSS properties, ensuring images fill the container without left/right borders.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 3bb6adc4-7718-4ca1-af74-b7ec2f0e529a
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:04:38 +00:00
parent ed9f76372b
commit 5afac30d5a
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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 aspect-[4/5] overflow-hidden rounded-b-lg">
<div className="relative w-full h-full overflow-hidden rounded-b-lg">
<img
src={images[index].large || images[index].thumb}
alt={images[index].fileName}
className="w-full h-full object-cover transition-opacity duration-500"
className="absolute inset-0 w-full h-full object-cover transition-opacity duration-500"
style={{ objectPosition: "center 25%" }}
loading="lazy"
data-testid="img-gallery-current"