helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(web): material icons (#4636)

Browse source
This commit is contained in:
Jason Rasmussen 2023-10-25 09:48:25 -04:00 • committed by GitHub
parent d5e19e45cd
commit 2ad389f64e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
89 changed files with 557 additions and 534 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/src/lib/components/shared-components/search-bar/search-bar.svelte
View file

@ -1,11 +1,11 @@
<script lang="ts">
import { AppRoute } from '$lib/constants';
import Magnify from 'svelte-material-icons/Magnify.svelte';
import Close from 'svelte-material-icons/Close.svelte';
import Icon from '$lib/components/elements/icon.svelte';
import { goto } from '$app/navigation';
import { isSearchEnabled, preventRaceConditionSearchBar, savedSearchTerms } from '$lib/stores/search.store';
import { fly } from 'svelte/transition';
import { clickOutside } from '$lib/utils/click-outside';
import { mdiClose, mdiMagnify } from '@mdi/js';
export let value = '';
export let grayTheme: boolean;
@ -82,7 +82,7 @@
<div class="absolute inset-y-0 left-0 flex items-center pl-6">
<div class="dark:text-immich-dark-fg/75">
<button class="flex items-center">
<Magnify size="1.5em" />
<Icon path={mdiMagnify} size="1.5em" />
</button>
</div>
</div>
@ -108,7 +108,7 @@
type="reset"
class="rounded-full p-2 hover:bg-immich-primary/5 active:bg-immich-primary/10 dark:text-immich-dark-fg/75 dark:hover:bg-immich-dark-primary/25 dark:active:bg-immich-dark-primary/[.35]"
>
<Close size="1.5em" />
<Icon path={mdiClose} size="1.5em" />
</button>
</div>
{/if}
@ -153,11 +153,13 @@
onSearch();
}}
>
<Magnify size="1.5em" />
<Icon path={mdiMagnify} size="1.5em" />
{savedSearchTerm}
</button>
<div class="absolute right-5 top-0 items-center justify-center py-3">
<button type="button" on:click={() => clearSearchTerm(savedSearchTerm)}><Close size="18" /></button>
<button type="button" on:click={() => clearSearchTerm(savedSearchTerm)}
><Icon path={mdiClose} size="18" /></button
>
</div>
</div>
</div>