Change style of search by title input of workflows (#1644)

Skyvern-AI · Jan 24, 2025 · 9c15d47 · 9c15d47
1 parent ecddfa3
commit 9c15d47
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/skyvern-frontend/src/routes/workflows/Workflows.tsx b/skyvern-frontend/src/routes/workflows/Workflows.tsx
@@ -157,15 +157,17 @@ function Workflows() {
       <div className="space-y-4">
         <header className="flex justify-between">
           <h1 className="text-2xl font-semibold">Workflows</h1>
-          <div className="flex w-48 items-center rounded-md border pl-4 lg:w-72">
-            <MagnifyingGlassIcon className="size-6" />
+          <div className="relative">
+            <div className="absolute left-0 top-0 flex size-9 items-center justify-center">
+              <MagnifyingGlassIcon className="size-6" />
+            </div>
             <Input
               value={search}
               onChange={(event) => {
                 setSearch(event.target.value);
               }}
               placeholder="Search by title..."
-              className="border-transparent hover:border-transparent focus-visible:ring-0"
+              className="w-48 pl-9 lg:w-72"
             />
           </div>
         </header>