self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-07-05 06:00:24 +02:00
Code Issues Releases Activity

fix(web): improve memories layout on small screens (#16162)

Browse Source 
* fix(web): improve memories layout on small screens

* decrease viewer height
This commit is contained in:
Lukas
2025-02-19 00:40:52 +01:00
committed by GitHub
parent 7bf142dc43
commit b13a98646f
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/lib/components/memory-page/memory-viewer.svelte
View File

@ -264,7 +264,7 @@
<section id="memory-viewer" class="w-full bg-immich-dark-gray" bind:this={memoryWrapper}>
{#if current && current.memory.assets.length > 0}
<ControlAppBar onClose={() => goto(AppRoute.PHOTOS)} forceDark>
<ControlAppBar onClose={() => goto(AppRoute.PHOTOS)} forceDark multiRow>
{#snippet leading()}
{#if current}
<p class="text-lg">
@ -320,9 +320,9 @@
</div>
{/if}
<!-- Viewer -->
<section class="overflow-hidden pt-20">
<section class="overflow-hidden pt-32 md:pt-20">
<div
class="ml-[-100%] box-border flex h-[calc(100vh_-_180px)] w-[300%] items-center justify-center gap-10 overflow-hidden"
class="ml-[-100%] box-border flex h-[calc(100vh_-_224px)] md:h-[calc(100vh_-_180px)] w-[300%] items-center justify-center gap-10 overflow-hidden"
>
<!-- PREVIOUS MEMORY -->
<div class="h-1/2 w-[20vw] rounded-2xl {current.previousMemory ? 'opacity-25 hover:opacity-70' : 'opacity-0'}">