chore: muted color for collection search close icon

This commit is contained in:
Anoop M D 2023-10-14 00:10:16 +05:30
parent 442e68283d
commit d71e69ac3c
2 changed files with 6 additions and 1 deletions

View File

@ -12,6 +12,10 @@ const Wrapper = styled.div`
fill: rgb(140, 140, 140); fill: rgb(140, 140, 140);
} }
} }
span.close-icon {
color: ${(props) => props.theme.colors.text.muted};
}
`; `;
export default Wrapper; export default Wrapper;

View File

@ -104,11 +104,12 @@ const Collections = () => {
{searchText !== '' && ( {searchText !== '' && (
<div className="absolute inset-y-0 right-0 pr-4 flex items-center"> <div className="absolute inset-y-0 right-0 pr-4 flex items-center">
<span <span
className="close-icon"
onClick={() => { onClick={() => {
setSearchText(''); setSearchText('');
}} }}
> >
<IconX size={16} strokeWidth={1.5} /> <IconX size={16} strokeWidth={1.5} className="cursor-pointer" />
</span> </span>
</div> </div>
)} )}