alice.pds.demo.boltless.dev
This repository has no description
web/components: build the repo search field from Input
the toolbar hand-rolled a bordered input with an absolutely positioned icon,
duplicating what Input already does. route it through Input with iconLeft and
drop the h-8 on the form, which was fighting Input's own min-h-9.
Signed-off-by: eti <eti@eti.tf>
author
eti
committer
dawn
date
(Jul 30, 2026, 7:45 PM +0300)
commit
a9a04e62
a9a04e623c05e84705e9ed7a1e76e815ee5e0bb9
parent
c761912c
c761912c115ff4ec1e9d0ae6001f4311af3903c0
change-id
lzsxlxnn
lzsxlxnnwmxmzstmpuuozwlovonvukvr
+10
-14
+10
-14
web/src/lib/components/repo/RepoToolbar.svelte
+10
-14
web/src/lib/components/repo/RepoToolbar.svelte
···
4
4
import GitCommitHorizontal from "$icon/git-commit-horizontal";
5
5
import SearchCode from "$icon/search-code";
6
6
import Tags from "$icon/tags";
7
+
import Input from "$lib/components/ui/Input.svelte";
7
8
import CloneDropdown from "./CloneDropdown.svelte";
8
9
import RefSelector from "./RefSelector.svelte";
9
10
import type { RepoInfo } from "./types";
···
34
35
/>
35
36
36
37
<form
37
-
class="order-last flex h-8 w-full items-center md:order-none md:w-64"
38
+
class="order-last w-full md:order-none md:w-64"
38
39
method="GET"
39
40
action={resolve(`${base}/search` as "/")}
40
41
>
41
-
<div class="relative flex h-full w-full items-center">
42
-
<SearchCode
43
-
class="pointer-events-none absolute left-2 size-4 text-foreground-placeholder"
44
-
aria-hidden="true"
45
-
/>
46
-
<input
47
-
class="h-full w-full rounded border border-border-default bg-background-default py-1 pr-2 pl-8 text-sm outline-none focus:border-border-strong"
48
-
type="text"
49
-
name="q"
50
-
placeholder="Find files or code..."
51
-
aria-label="Search this repository"
52
-
/>
53
-
</div>
42
+
<Input
43
+
class="w-full"
44
+
type="text"
45
+
name="q"
46
+
placeholder="Find files or code..."
47
+
aria-label="Search this repository"
48
+
iconLeft={SearchCode}
49
+
/>
54
50
</form>
55
51
56
52
<div class="flex items-center gap-3">