From bad4457ad70483ca5fafe40cb69f499f4b0e17f1 Mon Sep 17 00:00:00 2001
From: June <self@breadone.net>
Date: Tue, 18 Nov 2025 12:54:27 +1300
Subject: [PATCH] Fix images looking weird on mobile

---
 web/src/components/photos/carousel.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/photos/carousel.astro b/web/src/components/photos/carousel.astro
index 1d6c3a5..a0ab12c 100644
--- a/web/src/components/photos/carousel.astro
+++ b/web/src/components/photos/carousel.astro
@@ -73,13 +73,13 @@ const photos = await pb.collection('photos').getFullList({
 <!-- Hidden element to pass server data to client -->
 <div class="hidden" id="carousel-data">{JSON.stringify(photos)}</div>
 
-<div class="swiper w-full md:h-[calc(100vh-7rem)]">
+<div class="swiper w-full h-[60vh] md:h-[calc(100vh-7rem)]">
     <div class="swiper-wrapper">
         {photos.map((photo) => (
             <div class="swiper-slide flex items-center justify-center">
                 <img 
                     src={pb.files.getURL(photo, photo.image)} 
-                    class="w-full md:h-[calc(100vh-7rem)] object-contain"
+                    class="w-full h-full object-contain"
                     alt={photo.title || 'Photo'}
                 />
             </div>