sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve search bar visibility by changing text and background colors

Browse Source 
Update SearchHeader component to use white background and dark gray text.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: aa92e7e2-ec62-4c92-b21b-02ef78a664c2
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/aa92e7e2-ec62-4c92-b21b-02ef78a664c2/DMDOCrX
This commit is contained in:
sebastjanartic 2025-08-04 20:23:43 +00:00
parent 065da40d73
commit 882787f433
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/search-header.tsx
View File

@ -52,10 +52,10 @@ export default function SearchHeader({
placeholder="Search videos..."
value={searchQuery}
onChange={(e) => handleSearchChange(e.target.value)}
className="bg-bunny-dark border border-gray-600 rounded-lg px-4 py-2 pl-10 text-sm focus:outline-none focus:border-bunny-blue transition-colors w-64"
className="bg-white border border-gray-300 rounded-lg px-4 py-2 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-64"
data-testid="input-search"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-bunny-muted w-4 h-4" />
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
</div>
</div>