github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-03-11 12:47:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): multiple improvements for people page (1) (#4717)

Browse Source 
* fix(web): multiple improvements for people page

* feat: better responsive icons
This commit is contained in:
martin
2023-10-30 20:40:28 +01:00
committed by GitHub
parent 8dcd159bd6
commit 9a60578088
4 changed files with 49 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/routes/(user)/people/[personId]/+page.svelte
View File

@@ -87,7 +87,7 @@
if ((people.length < 20 && name.startsWith(searchWord)) || name === '') {
return;
}
const timeout = setTimeout(() => (isSearchingPeople = true), 300);
const timeout = setTimeout(() => (isSearchingPeople = true), 100);
try {
const { data } = await api.searchApi.searchPerson({ name });
people = data;
@@ -156,6 +156,7 @@
personId: data.person.id,
});
previousPersonId = data.person.id;
name = data.person.name;
refreshAssetGrid = !refreshAssetGrid;
}
});
@@ -265,7 +266,7 @@
if (viewMode === ViewMode.SUGGEST_MERGE) {
return;
}
isSearchingPeople = false;
isEditingName = false;
};
@@ -463,7 +464,7 @@
<div class="absolute z-[999] w-64 sm:w-96">
{#if isSearchingPeople}
<div
class="flex rounded-b-lg dark:border-immich-dark-gray place-items-center bg-gray-100 p-2 dark:bg-gray-700"
class="flex border h-14 rounded-b-lg border-gray-400 dark:border-immich-dark-gray place-items-center bg-gray-200 p-2 dark:bg-gray-700"
>
<div class="flex w-full place-items-center">
<LoadingSpinner />
@@ -472,8 +473,10 @@
{:else}
{#each suggestedPeople as person, index (person.id)}
<div
class="flex border-t dark:border-immich-dark-gray place-items-center bg-gray-100 p-2 dark:bg-gray-700 {index ===
suggestedPeople.length - 1 && 'rounded-b-lg'}"
class="flex border-t border-x border-gray-400 dark:border-immich-dark-gray h-14 place-items-center bg-gray-200 p-2 dark:bg-gray-700 hover:bg-gray-300 hover:dark:bg-[#232932] {index ===
suggestedPeople.length - 1
? 'rounded-b-lg border-b'
: ''}"
>
<button class="flex w-full place-items-center" on:click={() => handleSuggestPeople(person)}>
<ImageThumbnail