fix(web): Selected face in search filter doesn't show border highligh…

…t when hovered in light theme (#9348) use border-transparent only when person is not selected Co-authored-by: Tushar Harsora <[email protected]>
immich-app · May 9, 2024 · 57429dd · 57429dd
1 parent 13a6271
commit 57429dd
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/web/src/lib/components/shared-components/search-bar/search-people-section.svelte b/web/src/lib/components/shared-components/search-bar/search-people-section.svelte
@@ -63,11 +63,11 @@
         {#each peopleList as person (person.id)}
           <button
             type="button"
-            class="flex flex-col items-center w-20 rounded-3xl border-2 border-transparent hover:bg-immich-gray dark:hover:bg-immich-dark-primary/20 p-2 transition-all {selectedPeople.has(
+            class="flex flex-col items-center w-20 rounded-3xl border-2 hover:bg-immich-gray dark:hover:bg-immich-dark-primary/20 p-2 transition-all {selectedPeople.has(
               person.id,
             )
               ? 'dark:border-slate-500 border-slate-400 bg-slate-200 dark:bg-slate-800 dark:text-white'
-              : ''}"
+              : 'border-transparent'}"
             on:click={() => togglePersonSelection(person.id)}
           >
             <ImageThumbnail