diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx index 5291e92..9938a48 100644 --- a/frontend/src/components/Header.tsx +++ b/frontend/src/components/Header.tsx @@ -1,5 +1,5 @@ import { useTranslation } from "react-i18next"; -import { Library, Search, User, Youtube } from "lucide-react"; +import { Library, Search, User, X, Youtube } from "lucide-react"; import type { FeedFilters, Me } from "../lib/api"; import type { Page } from "../lib/urlState"; import SyncStatus from "./SyncStatus"; @@ -81,8 +81,18 @@ export default function Header({ if (e.key === "Enter" && trimmedQ && canSearchYt) onYtSearch(trimmedQ); }} placeholder={t("header.searchPlaceholder")} - className="w-full bg-card border border-border rounded-full pl-9 pr-4 py-2 text-sm outline-none focus:border-accent" + className="w-full bg-card border border-border rounded-full pl-9 pr-9 py-2 text-sm outline-none focus:border-accent" /> + {filters.q && ( + + )} {trimmedQ && canSearchYt && (