Skip to content
This repository has been archived by the owner on May 28, 2024. It is now read-only.

Commit

Permalink
Update spacing
Browse files Browse the repository at this point in the history
  • Loading branch information
jcm427 committed Aug 28, 2023
1 parent d6504b2 commit b13f0bf
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions src/lib/views/SearchInputView.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -3,19 +3,19 @@
import { t } from '$lib/language/translate';
import { searchFilter } from '$lib/stores/catalog';
import XMarkIcon from '$lib/icons/x-mark.svg';
import SearchIcon from '$lib/icons/magnifying-glass.svg';
import SearchIcon from '$lib/icons/magnifying-glass.svg';
const clearSearch = () => {
$searchFilter = '';
};
</script>

<div class="relative">
<img src={SearchIcon} alt="searchIcon" class="w-6 h-6 absolute top-2.5 left-2 transform">
<TextInput bind:value={$searchFilter} placeholder={$t('Input.Search')} />
{#if $searchFilter.length > 0}
<button class="btn btn-circle btn-sm btn-ghost absolute right-2 top-1.5" on:click={clearSearch}>
<img src={XMarkIcon} alt="searchIcon" class="w-5 h-5 absolute top-1.75 left-2.25 transform">
</button>
{/if}
</div>
<img src={SearchIcon} alt="searchIcon" class="w-6 h-6 absolute top-2.5 left-2 transform" />
<TextInput bind:value={$searchFilter} placeholder={$t('Input.Search')} />
{#if $searchFilter.length > 0}
<button class="btn btn-circle btn-sm btn-ghost absolute right-2 top-1.5" on:click={clearSearch}>
<img src={XMarkIcon} alt="searchIcon" class="w-5 h-5 absolute top-1.75 left-2.25 transform" />
</button>
{/if}
</div>

0 comments on commit b13f0bf

Please sign in to comment.