mirror of
https://github.com/samsonjs/immich.git
synced 2026-04-16 12:56:04 +00:00
f28fc8fa5c
* feat: hide faces * fix: types * pr feedback * fix: svelte checks * feat: new server endpoint * refactor: rename person count dto * fix(server): linter * fix: remove duplicate button * docs: add comments * pr feedback * fix: get unhidden faces * fix: do not use PersonCountResponseDto * fix: transition * pr feedback * pr feedback * fix: remove unused check * add server tests * rename persons to people * feat: add exit button * pr feedback * add server tests * pr feedback * pr feedback * fix: show & hide faces * simplify * fix: close button * pr feeback * pr feeback --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
30 lines
1.2 KiB
Svelte
30 lines
1.2 KiB
Svelte
<script>
|
|
import { fly } from 'svelte/transition';
|
|
import CircleIconButton from '../elements/buttons/circle-icon-button.svelte';
|
|
import { quintOut } from 'svelte/easing';
|
|
import Close from 'svelte-material-icons/Close.svelte';
|
|
import IconButton from '../elements/buttons/icon-button.svelte';
|
|
import { createEventDispatcher } from 'svelte';
|
|
|
|
const dispatch = createEventDispatcher();
|
|
</script>
|
|
|
|
<section
|
|
transition:fly={{ y: 500, duration: 100, easing: quintOut }}
|
|
class="absolute top-0 left-0 w-full h-full bg-immich-bg dark:bg-immich-dark-bg z-[9999]"
|
|
>
|
|
<div
|
|
class="absolute border-b dark:border-immich-dark-gray flex justify-between place-items-center dark:text-immich-dark-fg w-full h-16"
|
|
>
|
|
<div class="flex items-center justify-between p-8 w-full">
|
|
<div class="flex items-center">
|
|
<CircleIconButton logo={Close} on:click={() => dispatch('closeClick')} />
|
|
<p class="ml-4">Show & hide faces</p>
|
|
</div>
|
|
<IconButton on:click={() => dispatch('doneClick')}>Done</IconButton>
|
|
</div>
|
|
<div class="absolute top-16 h-[calc(100%-theme(spacing.16))] w-full immich-scrollbar p-4 pb-8">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</section>
|