0ct0pu5/immich
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

face selection

Browse source
This commit is contained in:
Alex Tran 2023-08-12 23:35:04 -05:00
parent 66ebdf1556
commit 9d23d37601
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
web/src/lib/components/album-page/rule-selection-form/face-selection.svelte
View file

@ -3,6 +3,8 @@
import { PeopleResponseDto, PersonResponseDto, api } from '@api';
import Thumbnail from '$lib/components/assets/thumbnail/thumbnail.svelte';
import PeopleCard from '$lib/components/faces-page/people-card.svelte';
import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
import ArrowLeft from 'svelte-material-icons/ArrowLeft.svelte';
let people: PersonResponseDto[] = [];
@ -15,11 +17,13 @@
</script>
<div class="">
<p>Select faces</p>
<div>
<button on:click={() => dispatch('close')}>CLOSE</button>
</div>
<div class="flex flex-wrap">
<ControlAppBar showBackButton backIcon={ArrowLeft} on:close-button-click={() => dispatch('close')}>
<svelte:fragment slot="leading">
<p class="text-immich-fg dark:text-immich-dark-fg font-medium">Select a face</p>
</svelte:fragment>
</ControlAppBar>
<div class="mt-24 flex flex-wrap gap-2 px-8">
{#each people as person}
<PeopleCard {person} selectionMode disableContextMenu />
{/each}

2
web/src/lib/components/album-page/rule-selection-form/rule-selection-form.svelte
View file

@ -84,7 +84,7 @@
{#if peopleSelection}
<section
transition:fly={{ y: 500 }}
class="absolute left-0 top-0 z-[10000] h-full min-h-max w-full overflow-scroll bg-white/90"
class="dark:bg-immich-dark-bg absolute left-0 top-0 z-[10000] h-full min-h-max w-full overflow-scroll bg-gray-200"
>
<FaceSelection on:close={() => (peopleSelection = false)} />
</section>