KevinMidboe/immich
1
0
Fork 0
mirror of https://github.com/KevinMidboe/immich.git synced 2025-10-29 17:40:28 +00:00
Code Issues Packages Projects Releases Wiki 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
1 changed files with 4 additions and 3 deletions
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>