Update SearchFieldMini.svelte

This commit is contained in:
freearhey 2023-10-09 17:52:49 +03:00
parent 9d6d3073e5
commit c9941347de

View file

@ -3,11 +3,11 @@
import { goto } from '$app/navigation' import { goto } from '$app/navigation'
function onSubmit() { function onSubmit() {
goto('/') goto(`/?q=${$query}`)
} }
</script> </script>
<form on:submit|preventDefault="{onSubmit}" autocomplete="off" class="w-full"> <form on:submit|preventDefault={onSubmit} autocomplete="off" class="w-full">
<div class="w-full"> <div class="w-full">
<label for="search-input" class="sr-only">Search</label> <label for="search-input" class="sr-only">Search</label>
<div class="relative w-full"> <div class="relative w-full">
@ -28,7 +28,7 @@
<input <input
type="search" type="search"
id="search-input" id="search-input"
bind:value="{$query}" bind:value={$query}
class="bg-gray-50 border border-gray-300 text-gray-900 outline-blue-500 text-sm rounded-md block w-full pl-9 p-1.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white" class="bg-gray-50 border border-gray-300 text-gray-900 outline-blue-500 text-sm rounded-md block w-full pl-9 p-1.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white"
placeholder="Search" placeholder="Search"
/> />