Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-06-03 04:58:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup some styling

Browse Source
This commit is contained in:
mrjvs 2024-01-30 20:39:40 +01:00
parent 6cf870d246
commit 5f4cff8975
2 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/form/SearchBar.tsx
View File

@ -66,12 +66,9 @@ export const SearchBarInput = forwardRef<HTMLInputElement, SearchBarProps>(
ref.current?.focus();
}
}}
className="cursor-pointer absolute p-1 bottom-0 right-2 top-0 flex justify-center my-auto max-h-10 max-w-10 h-full w-full items-center hover:bg-search-hoverBackground active:scale-110 text-search-icon rounded-full transition duration-100"
className="cursor-pointer hover:text-white absolute bottom-0 right-2 top-0 flex justify-center my-auto h-10 w-10 items-center hover:bg-search-hoverBackground active:scale-110 text-search-icon rounded-full transition-[transform,background-color] duration-200"
>
<Icon
icon={Icons.X}
className="hover:text-white transition duration-100"
/>
<Icon icon={Icons.X} className="transition-colors duration-200" />
</div>
)}
</Flare.Child>

4
src/hooks/useSearchQuery.ts
View File

@ -34,9 +34,7 @@ export function useSearchQuery(): [
};
const onUnFocus = (newSearch?: string) => {
// eslint-disable-next-line eqeqeq
const updated = newSearch == undefined ? search : newSearch;
updateParams(updated, true);
updateParams(newSearch ?? search, true);
};
return [search, updateParams, onUnFocus];