mirror of
https://github.com/movie-web/movie-web.git
synced 2024-12-29 13:01:49 +01:00
Cleanup some styling
This commit is contained in:
parent
6cf870d246
commit
5f4cff8975
@ -66,12 +66,9 @@ export const SearchBarInput = forwardRef<HTMLInputElement, SearchBarProps>(
|
|||||||
ref.current?.focus();
|
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 icon={Icons.X} className="transition-colors duration-200" />
|
||||||
icon={Icons.X}
|
|
||||||
className="hover:text-white transition duration-100"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</Flare.Child>
|
</Flare.Child>
|
||||||
|
@ -34,9 +34,7 @@ export function useSearchQuery(): [
|
|||||||
};
|
};
|
||||||
|
|
||||||
const onUnFocus = (newSearch?: string) => {
|
const onUnFocus = (newSearch?: string) => {
|
||||||
// eslint-disable-next-line eqeqeq
|
updateParams(newSearch ?? search, true);
|
||||||
const updated = newSearch == undefined ? search : newSearch;
|
|
||||||
updateParams(updated, true);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return [search, updateParams, onUnFocus];
|
return [search, updateParams, onUnFocus];
|
||||||
|
Loading…
Reference in New Issue
Block a user