From 2875303b4cc766bc86641f05b3ac7b93a3bd197c Mon Sep 17 00:00:00 2001
From: Lukas <lukas@slucky.de>
Date: Thu, 6 Mar 2025 15:37:11 +0100
Subject: [PATCH] feat(web): allow horizontal scrolling in memory lane (#16647)

---
 web/src/lib/components/photos-page/memory-lane.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/photos-page/memory-lane.svelte b/web/src/lib/components/photos-page/memory-lane.svelte
index e2be2818b6..c84ec826ff 100644
--- a/web/src/lib/components/photos-page/memory-lane.svelte
+++ b/web/src/lib/components/photos-page/memory-lane.svelte
@@ -38,7 +38,8 @@
   <section
     id="memory-lane"
     bind:this={memoryLaneElement}
-    class="relative mt-5 overflow-hidden whitespace-nowrap transition-all"
+    class="relative mt-5 overflow-x-scroll overflow-y-hidden whitespace-nowrap transition-all"
+    style="scrollbar-width:none"
     use:resizeObserver={({ width }) => (offsetWidth = width)}
     onscroll={onScroll}
   >
@@ -72,7 +73,7 @@
       {#each $memoryStore as memory (memory.id)}
         {#if memory.assets.length > 0}
           <a
-            class="memory-card relative mr-8 inline-block aspect-[3/4] md:aspect-video h-[215px] rounded-xl"
+            class="memory-card relative mr-8 inline-block aspect-[3/4] md:aspect-[4/3] h-[215px] rounded-xl"
             href="{AppRoute.MEMORY}?{QueryParameter.ID}={memory.assets[0].id}"
           >
             <img