Feature: moving a point due to relocatoin now shows a searchbar (again)

This commit is contained in:
Pieter Vander Vennet 2025-04-17 02:12:20 +02:00
parent fe33ae5415
commit 15cbadc4e0
6 changed files with 177 additions and 14 deletions

View file

@ -46,7 +46,7 @@
<label
class="neutral-label normal-background box-shadow flex w-full items-center rounded-full border border-black"
>
<SearchIcon aria-hidden="true" class="ml-2 h-8 w-8" />
<SearchIcon aria-hidden="true" class="ml-2 h-6 w-6 shrink-0" />
<input
bind:this={inputElement}
@ -59,8 +59,11 @@
type="search"
style=" --tw-ring-color: rgb(0 0 0 / 0) !important;"
class="ml-1 w-full border-none px-0 outline-none"
on:keypress={(keypr) => {
return keypr.key === "Enter" ? dispatch("search") : undefined
on:keypress={(event) => {
if( event.key === "Enter"){
dispatch("search")
event.preventDefault()
}
}}
bind:value={_value}
use:set_placeholder={placeholder}
@ -79,5 +82,6 @@
{:else}
<div class="mr-3 w-6" />
{/if}
<slot name="button-right" />
</label>
</form>