mirror of
https://github.com/immich-app/immich.git
synced 2025-06-20 14:03:13 -04:00
e116f17c43
* refactoring * refactor * fix naming * Added animation * add user setting page * Add skeleton for user setting page * styling * styling * Spelling
18 lines
521 B
Svelte
18 lines
521 B
Svelte
<script lang="ts">
|
|
import { clickOutside } from '../../utils/click-outside';
|
|
import { createEventDispatcher } from 'svelte';
|
|
import { fade } from 'svelte/transition';
|
|
|
|
const dispatch = createEventDispatcher();
|
|
</script>
|
|
|
|
<section
|
|
in:fade={{ duration: 100 }}
|
|
out:fade={{ duration: 100 }}
|
|
class="absolute left-0 top-0 w-full h-full bg-black/40 z-[100] flex place-items-center place-content-center"
|
|
>
|
|
<div class="z-[9999]" use:clickOutside on:outclick={() => dispatch('clickOutside')}>
|
|
<slot />
|
|
</div>
|
|
</section>
|