Skip to content

Commit

Permalink
✨ style: add search icon in the bar
Browse files Browse the repository at this point in the history
  • Loading branch information
eshanized committed Jan 16, 2025
1 parent e211ef2 commit 58460bb
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/components/features/SearchBar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,14 +9,14 @@ interface SearchBarProps {
export function SearchBar({ value, onChange }: SearchBarProps) {
return (
<div className="relative">
<Search className="absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400 transition-all" />
<input
type="text"
value={value}
onChange={onChange}
placeholder="Search tools..."
className="w-full pl-12 pr-6 py-3 bg-white/80 backdrop-blur-sm border border-gray-200 rounded-lg focus:ring-2 focus:ring-cornflower-blue focus:border-cornflower-blue outline-none transition-all duration-300 ease-in-out hover:border-gray-300 hover:bg-white/90"
/>
<Search className="absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400 transition-all" />
</div>
);
}

0 comments on commit 58460bb

Please sign in to comment.