fix: search button in mobile navbar disappearance (#27)

himarplupi · Jul 12, 2024 · 2749716 · 2749716
1 parent d6c8efc
commit 2749716
Showing 1 changed file with 19 additions and 6 deletions.
diff --git a/src/components/common/navbar.tsx b/src/components/common/navbar.tsx
@@ -100,12 +100,25 @@ export function Navbar({ session }: { session: Session | null }) {
           )}
 
           {!session && (
-            <Link
-              href="/login"
-              className={cn(buttonVariants({ size: "sm", variant: "outline" }))}
-            >
-              Login
-            </Link>
+            <div className="flex items-center gap-x-4">
+              <Link
+                href="/search"
+                className={cn(
+                  buttonVariants({ variant: "outline", size: "icon" }),
+                  "w-10 md:hidden",
+                )}
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Link>
+              <Link
+                href="/login"
+                className={cn(
+                  buttonVariants({ size: "sm", variant: "outline" }),
+                )}
+              >
+                Login
+              </Link>
+            </div>
           )}
         </div>
       </nav>