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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user