self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-26 10:50:29 +02:00
Code Issues Releases Activity

fix(web): open image in new tab with memories on firefox (#5847)

Browse Source 
* fix: open image in new tab with memories on firefox

* don't use z-index

---------

Co-authored-by: Alex <alex.tran1502@gmail.com>
This commit is contained in:
martin 2023-12-19 18:01:22 +01:00 committed by GitHub
parent 4e06ccd052
commit 81af48af7b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -179,25 +179,7 @@
<div <div
class="main-view relative flex h-full w-[70vw] place-content-center place-items-center rounded-2xl bg-black" class="main-view relative flex h-full w-[70vw] place-content-center place-items-center rounded-2xl bg-black"
> >
<div class="h-full w-full rounded-2xl bg-black"> <div class="relative h-full w-full rounded-2xl bg-black">
<!-- CONTROL BUTTONS -->
<div class="absolute flex h-full w-full justify-between">
<div class="ml-4 flex h-full flex-col place-content-center place-items-center">
<div class="inline-block">
{#if canGoBack}
<CircleIconButton icon={mdiChevronLeft} backgroundColor="#202123" on:click={toPrevious} />
{/if}
</div>
</div>
<div class="mr-4 flex h-full flex-col place-content-center place-items-center">
<div class="inline-block">
{#if canGoForward}
<CircleIconButton icon={mdiChevronRight} backgroundColor="#202123" on:click={toNext} />
{/if}
</div>
</div>
</div>
{#key currentAsset.id} {#key currentAsset.id}
<img <img
transition:fade transition:fade
@ -207,6 +189,18 @@
draggable="false" draggable="false"
/> />
{/key} {/key}
<!-- CONTROL BUTTONS -->
{#if canGoBack}
<div class="absolute top-1/2 left-0 ml-4">
<CircleIconButton icon={mdiChevronLeft} backgroundColor="#202123" on:click={toPrevious} />
</div>
{/if}
{#if canGoForward}
<div class="absolute top-1/2 right-0 mr-4">
<CircleIconButton icon={mdiChevronRight} backgroundColor="#202123" on:click={toNext} />
</div>
{/if}
<div class="absolute left-8 top-4 text-sm font-medium text-white"> <div class="absolute left-8 top-4 text-sm font-medium text-white">
<p> <p>