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

fix(web): asset viewer navigation buttons (#7888)

Browse Source
This commit is contained in:
Michel Heusschen
2024-03-12 13:09:11 +01:00
committed by GitHub
parent 3cd232f571
commit 41504b9a2c
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/lib/components/asset-viewer/navigation-area.svelte
View File

@ -1,9 +1,15 @@
<script lang="ts">
export let onClick: (e: MouseEvent) => void;
export let label: string;
</script>
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div class="group flex h-full place-items-center" on:click on:keydown>
<button class="mx-4 rounded-full p-3 text-gray-500 transition group-hover:bg-gray-500 group-hover:text-white">
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="group flex h-full place-items-center hover:cursor-pointer" on:click={onClick}>
<button
class="mx-4 rounded-full p-3 text-gray-500 transition group-hover:bg-gray-500 group-hover:text-white"
aria-label={label}
>
<slot />
</button>
</div>