Infrastructure/immich
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-21 00:52:43 -05:00
Code Issues 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 Close from 'svelte-material-icons/Close.svelte';
import CircleIconButton from '../elements/buttons/circle-icon-button.svelte'; import CircleIconButton from '../elements/buttons/circle-icon-button.svelte';
import { createEventDispatcher } from 'svelte'; import { createEventDispatcher } from 'svelte';
import FullScreenModal from './full-screen-modal.svelte';
const shortcuts = { const shortcuts = {
general: [ general: [
@ -21,8 +22,8 @@
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
</script> </script>
<div class="absolute z-[99999] h-full w-full"> <FullScreenModal on:clickOutside={() => dispatch('close')}>
<div class="flex h-full w-full place-content-center place-items-center overflow-hidden bg-black/50"> <div class="flex h-full w-full place-content-center place-items-center overflow-hidden">
<div <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]" 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>
</div> </div>
</div> </FullScreenModal>