Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-06-04 06:04:21 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): clickable items in the searchbar (#3441)

Browse Source
This commit is contained in:
martin 2023-07-28 05:06:42 +02:00 committed by GitHub
parent fe9ef1a3ea
commit 13b2b2fc4e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 76 additions and 75 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-bar.svelte
View File

@ -5,6 +5,7 @@
import { goto } from '$app/navigation';
import { isSearchEnabled, savedSearchTerms } from '$lib/stores/search.store';
import { fly } from 'svelte/transition';
import { clickOutside } from '$lib/utils/click-outside';
export let value = '';
export let grayTheme: boolean;
@ -55,15 +56,14 @@
};
</script>
<button class="w-full" use:clickOutside on:outclick={onFocusOut} on:click={onFocusIn}>
<form
draggable="false"
autocomplete="off"
class="relative text-sm"
class="relative select-text text-sm"
action={AppRoute.SEARCH}
on:reset={() => (value = '')}
on:submit|preventDefault={() => onSearch(true)}
on:focusin={onFocusIn}
on:focusout={onFocusOut}
>
<label>
<div class="absolute inset-y-0 left-0 flex items-center pl-6">
@ -101,7 +101,7 @@
transition:fly={{ y: 25, duration: 250 }}
class="absolute w-full rounded-b-3xl border border-gray-200 bg-white pb-5 shadow-2xl transition-all dark:border-gray-800 dark:bg-immich-dark-gray dark:text-gray-300"
>
<div class="px-5 pt-5 text-xs">
<div class="flex px-5 pt-5 text-left text-xs">
<p>
Smart search is enabled by default, to search for metadata use the syntax <span
class="rounded-lg bg-gray-100 p-2 font-mono font-semibold leading-7 text-immich-primary dark:bg-gray-900 dark:text-immich-dark-primary"
@ -137,3 +137,4 @@
</div>
{/if}
</form>
</button>