RyderTech/the-bible
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Fix search component consistency - add all Bible versions to dropdown and match search box styling across pages

Browse Source
This commit is contained in:
Ryderjj89
2025-09-29 10:07:21 -04:00
parent 1a00b0715b
commit e1591db9db
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/SearchComponent.tsx
View File

@@ -143,9 +143,7 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
value={query}
onChange={(e) => setQuery(e.target.value)}
placeholder="Search for verses, words, or phrases..."
className="w-full pl-10 pr-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg
bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100
focus:ring-2 focus:ring-blue-500 focus:border-transparent"
className="w-full pl-10 pr-4 py-3 text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-lg shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
autoFocus
/>
{loading && (
@@ -170,6 +168,8 @@ const SearchComponent: React.FC<SearchComponentProps> = ({
>
<option value="esv">ESV - English Standard Version</option>
<option value="nkjv">NKJV - New King James Version</option>
<option value="nlt">NLT - New Living Translation</option>
<option value="csb">CSB - Christian Standard Bible</option>
</select>
<select