Skip to content

Commit

Permalink
🔄 synced local 'skyvern-frontend/src/' with remote 'skyvern-frontend/…
Browse files Browse the repository at this point in the history
…src/'

<!-- ELLIPSIS_HIDDEN -->

> [!IMPORTANT]
> Adjust search input style in `Workflows.tsx` by repositioning the icon and updating padding.
>
>   - **UI Changes**:
>     - Adjusted search input style in `Workflows.tsx`.
>     - Moved `MagnifyingGlassIcon` to be absolutely positioned within the input container.
>     - Updated input field padding to `pl-9` to accommodate icon.
>
> <sup>This description was created by </sup>[<img alt="Ellipsis" src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=Skyvern-AI%2Fskyvern-cloud&utm_source=github&utm_medium=referral)<sup> for fc35e6c6975c5e768f572c25a5800a23c9ce5e4d. It will automatically update as commits are pushed.</sup>

<!-- ELLIPSIS_HIDDEN -->
  • Loading branch information
wintonzheng committed Jan 24, 2025
1 parent ecddfa3 commit 40baccf
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions skyvern-frontend/src/routes/workflows/Workflows.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down

0 comments on commit 40baccf

Please sign in to comment.