sascha
/
immich
mirror of https://github.com/immich-app/immich.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(web): update search modal to not jump around (#16308) 

* fix(web): update search modal to not jump around

Search People selection will change size while loading. This causes the
search modal to jump around as the people load in.

* loading spinner size

* remove unsued code

---------

Co-authored-by: cwlowder <me@curtislowder.com>
Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
pull/16382/head
Curtis Lowder 2025-02-26 21:06:41 +07:00 committed by GitHub
parent 8b69114924
commit 128d653fc6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/lib/components/shared-components/search-bar/search-people-section.svelte
Unescape Escape View File

@ -10,6 +10,7 @@
import { t } from 'svelte-i18n';
import SingleGridRow from '$lib/components/shared-components/single-grid-row.svelte';
import type { SvelteSet } from 'svelte/reactivity';
import LoadingSpinner from '$lib/components/shared-components/loading-spinner.svelte';
interface Props {
selectedPeople: SvelteSet<string>;
@ -52,13 +53,17 @@
};
</script>
{#await peoplePromise then people}
{#await peoplePromise}
<div id="spinner" class="flex h-60 items-center justify-center -mb-4">
<LoadingSpinner size="24" />
</div>
{:then people}
{#if people && people.length > 0}
{@const peopleList = showAllPeople
? filterPeople(people, name)
: filterPeople(people, name).slice(0, numberOfPeople)}
<div id="people-selection" class="-mb-4">
<div id="people-selection" class="h-60 -mb-4">
<div class="flex items-center w-full justify-between gap-6">
<p class="immich-form-label py-3">{$t('people').toUpperCase()}</p>
<SearchBar bind:name placeholder={$t('filter_people')} showLoadingSpinner={false} />