Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-24 01:12:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): allow horizontal scrolling in memory lane (#16647)

Browse Source
This commit is contained in:
Lukas 2025-03-06 15:37:11 +01:00 committed by GitHub
parent d84009648e
commit 2875303b4c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/lib/components/photos-page/memory-lane.svelte
View File

@ -38,7 +38,8 @@
<section <section
id="memory-lane" id="memory-lane"
bind:this={memoryLaneElement} 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)} use:resizeObserver={({ width }) => (offsetWidth = width)}
onscroll={onScroll} onscroll={onScroll}
> >
@ -72,7 +73,7 @@
{#each $memoryStore as memory (memory.id)} {#each $memoryStore as memory (memory.id)}
{#if memory.assets.length > 0} {#if memory.assets.length > 0}
<a <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}" href="{AppRoute.MEMORY}?{QueryParameter.ID}={memory.assets[0].id}"
> >
<img <img