Removed redundant header search icon - moved search to content area

- **Header cleanup**: Removed search icon from top-right since search is now in content
- **Content search**: Search bar appears below breadcrumbs on book pages
- **Cleaner header**: Focus on auth, dark mode, and essential navigation
- **Consistent UX**: All search triggers same modal regardless of entry point

Search functionality moved entirely to page content for better user flow!
This commit is contained in:
Ryderjj89
2025-09-28 16:05:42 -04:00
parent 2332a3cd30
commit 9dfd4db14c

View File

@@ -427,16 +427,8 @@ function App() {
{/* Search, User Authentication & Dark Mode */} {/* User Authentication & Dark Mode */}
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
{/* Search Button */}
<button
onClick={() => setShowSearch(true)}
className="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"
title="Search Bible"
>
<Search className="h-4 w-4 sm:h-5 sm:w-5 text-gray-600 dark:text-gray-400" />
</button>
{/* Authentication Button */} {/* Authentication Button */}
{authAvailable && ( {authAvailable && (
<div> <div>