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

fix: clicking outside the shortcuts pannel (#3433)

Browse Source 
* use FullScreenModal for ShowShortcuts

* pr feeback
This commit is contained in:
martin 2023-07-27 21:42:27 +02:00 committed by GitHub
parent 2872886e77
commit 26085ff82b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/lib/components/shared-components/show-shortcuts.svelte
View File

@ -2,6 +2,7 @@
import Close from 'svelte-material-icons/Close.svelte';
import CircleIconButton from '../elements/buttons/circle-icon-button.svelte';
import { createEventDispatcher } from 'svelte';
import FullScreenModal from './full-screen-modal.svelte';
const shortcuts = {
general: [
@ -21,8 +22,8 @@
const dispatch = createEventDispatcher();
</script>
<div class="absolute z-[99999] h-full w-full">
<div class="flex h-full w-full place-content-center place-items-center overflow-hidden bg-black/50">
<FullScreenModal on:clickOutside={() => dispatch('close')}>
<div class="flex h-full w-full place-content-center place-items-center overflow-hidden">
<div
class="w-[400px] max-w-[125vw] rounded-3xl border bg-immich-bg shadow-sm dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-fg md:w-[650px]"
>
@ -76,4 +77,4 @@
</div>
</div>
</div>
</div>
</FullScreenModal>