elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

UI: styling of searchbars

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-09-02 03:47:54 +02:00
parent cf3b4145ff
commit 29d1736f93
5 changed files with 79 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/UI/BigComponents/Geosearch.svelte
View file

@ -107,13 +107,14 @@
</script>
<div class="normal-background flex justify-between rounded-full pl-2">
<form class="flex w-full flex-wrap">
<form class="flex w-full flex-wrap items-center ">
{#if isRunning}
<Loading>{Translations.t.general.search.searching}</Loading>
{:else}
<input
type="search"
class="w-full outline-none"
style="border: none !important;"
class="w-full outline-none border-none mx-2"
bind:this={inputElement}
on:keypress={(keypr) => {
feedback = undefined
@ -131,5 +132,5 @@
{/if}
{/if}
</form>
<SearchIcon aria-hidden="true" class="h-6 w-6 self-end" on:click={performSearch} />
<SearchIcon aria-hidden="true" class="h-6 w-6 mx-2 self-center" on:click={performSearch} />
</div>