blob: 3aeab92078330136da5da8ce430086551c76e7c7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
<script lang="ts">
import { tabs } from '$lib/state';
import { next, scrollTabIntoView } from '$lib/utils';
import type { Tab } from '$lib/types';
let query = '';
function search() {
let a = query;
query = '';
if (a) {
let newTabs = $tabs;
const newTab: Tab = {
id: next(),
type: 'find',
data: a.toLowerCase().replaceAll(' ', '-')
};
newTabs.push(newTab);
tabs.set(newTabs);
scrollTabIntoView(String(newTab.id), true);
}
}
</script>
<form on:submit|preventDefault={search} class="mt- flex rounded-md shadow-sm">
<div class="relative flex items-stretch flex-grow focus-within:z-10">
<input
bind:value={query}
class="focus:ring-indigo-500 focus:border-indigo-500 block w-full rounded-none rounded-l-md sm:text-sm border-gray-300"
placeholder="article name"
/>
</div>
<button
type="submit"
class="-ml-px relative inline-flex items-center space-x-2 px-3 py-2 border border-gray-300 text-sm font-medium rounded-r-md text-gray-700 bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 text-white"
>Go</button
>
</form>
|