matt/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix search bar alignment

Browse Source
This commit is contained in:
Matt
2025-02-12 12:30:14 -05:00
parent 841cfbb310
commit d63ca0b7bb
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.tsx
View File

@@ -360,8 +360,8 @@ function App() {
)} )}
<div className="space-y-4"> <div className="space-y-4">
<div className="flex gap-4 items-center"> <div className="flex gap-4 items-center justify-between">
<div className="relative flex-1"> <div className="relative flex-1 max-w-md">
<Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" /> <Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
<Input <Input
ref={searchInputRef} ref={searchInputRef}
@@ -369,7 +369,7 @@ function App() {
value={searchQuery} value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)} onChange={(e) => setSearchQuery(e.target.value)}
onKeyDown={handleSearchKeyDown} onKeyDown={handleSearchKeyDown}
className="pl-8 pr-8 bg-gray-50 dark:bg-gray-950/30 max-w-md" className="pl-8 pr-8 bg-gray-50 dark:bg-gray-950/30"
/> />
{searchQuery && ( {searchQuery && (
<button <button