Infrastructure/immich
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-03-11 02:23:09 -05:00
Code Issues Activity

fix(web): Fixed people list overflowing in advanced search ()

Browse source 
* Fixed people list overflowing in search

* styling: better fix

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
Yaros 2025-03-01 21:34:57 +01:00 • committed by GitHub
parent 2510684bf7
commit f13d13b2ea
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 3 additions and 3 deletions

6
web/src/lib/components/shared-components/search-bar/search-people-section.svelte
View file

@ -54,7 +54,7 @@
</script> </script>
{#await peoplePromise} {#await peoplePromise}
<div id="spinner" class="flex h-60 items-center justify-center -mb-4"> <div id="spinner" class="flex h-[217px] items-center justify-center -mb-4">
<LoadingSpinner size="24" /> <LoadingSpinner size="24" />
</div> </div>
{:then people} {:then people}
@ -63,14 +63,14 @@
? filterPeople(people, name) ? filterPeople(people, name)
: filterPeople(people, name).slice(0, numberOfPeople)} : filterPeople(people, name).slice(0, numberOfPeople)}
<div id="people-selection" class="h-60 -mb-4"> <div id="people-selection" class="max-h-60 -mb-4 overflow-y-auto immich-scrollbar">
<div class="flex items-center w-full justify-between gap-6"> <div class="flex items-center w-full justify-between gap-6">
<p class="immich-form-label py-3">{$t('people').toUpperCase()}</p> <p class="immich-form-label py-3">{$t('people').toUpperCase()}</p>
<SearchBar bind:name placeholder={$t('filter_people')} showLoadingSpinner={false} /> <SearchBar bind:name placeholder={$t('filter_people')} showLoadingSpinner={false} />
</div> </div>
<SingleGridRow <SingleGridRow
class="grid grid-auto-fill-20 -mx-1 gap-1 mt-2 overflow-y-auto immich-scrollbar" class="grid grid-auto-fill-20 gap-1 mt-2 overflow-y-auto immich-scrollbar"
bind:itemCount={numberOfPeople} bind:itemCount={numberOfPeople}
> >
{#each peopleList as person (person.id)} {#each peopleList as person (person.id)}