From a9a04e623c05e84705e9ed7a1e76e815ee5e0bb9 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Wed, 29 Jul 2026 19:57:46 +0200
Subject: [PATCH] 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>
---
 .../lib/components/repo/RepoToolbar.svelte    | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/web/src/lib/components/repo/RepoToolbar.svelte b/web/src/lib/components/repo/RepoToolbar.svelte
index 2669dbd6..f399d6a3 100644
--- a/web/src/lib/components/repo/RepoToolbar.svelte
+++ b/web/src/lib/components/repo/RepoToolbar.svelte
@@ -4,6 +4,7 @@
 	import GitCommitHorizontal from "$icon/git-commit-horizontal";
 	import SearchCode from "$icon/search-code";
 	import Tags from "$icon/tags";
+	import Input from "$lib/components/ui/Input.svelte";
 	import CloneDropdown from "./CloneDropdown.svelte";
 	import RefSelector from "./RefSelector.svelte";
 	import type { RepoInfo } from "./types";
@@ -34,23 +35,18 @@
 	/>
 
 	<form
-		class="order-last flex h-8 w-full items-center md:order-none md:w-64"
+		class="order-last w-full md:order-none md:w-64"
 		method="GET"
 		action={resolve(`${base}/search` as "/")}
 	>
-		<div class="relative flex h-full w-full items-center">
-			<SearchCode
-				class="pointer-events-none absolute left-2 size-4 text-foreground-placeholder"
-				aria-hidden="true"
-			/>
-			<input
-				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"
-				type="text"
-				name="q"
-				placeholder="Find files or code..."
-				aria-label="Search this repository"
-			/>
-		</div>
+		<Input
+			class="w-full"
+			type="text"
+			name="q"
+			placeholder="Find files or code..."
+			aria-label="Search this repository"
+			iconLeft={SearchCode}
+		/>
 	</form>
 
 	<div class="flex items-center gap-3">
-- 
2.51.2