improve filtering and light mode styling on store

This commit is contained in:
SethBurkart123
2024-05-03 10:25:28 +10:00
parent 9147b31a65
commit 52cd3a0930
2 changed files with 16 additions and 5 deletions
+4 -2
View File
@@ -4,8 +4,10 @@ import logoDark from '../../../resources/icons/betterseqta-light-full.png';
export default function header({ searchTerm, setSearchTerm }: { searchTerm: string, setSearchTerm: (value: string) => void }) {
return <header className="sticky top-0 z-50 w-full bg-white border-b shadow-md border-b-white/10 dark:bg-zinc-800/90 backdrop-blur-xl">
<div className="flex items-center justify-between px-4 py-1">
<img src={logo} className="h-16 dark:hidden" />
<img src={logoDark} className="hidden h-16 dark:block" />
<div className="cursor-pointer" onClick={() => setSearchTerm('')}>
<img src={logo} className="h-16 dark:hidden" />
<img src={logoDark} className="hidden h-16 dark:block" />
</div>
<div className="relative">
<input
type="text"