andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SearchInput: bring back "X" at small breakpoints

Browse Source
This commit is contained in:
rektdeckard
2020-09-28 03:22:54 -04:00
parent 630d9f04c5
commit 2939465431
2 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/SearchInput/SearchInput.css
View File

@@ -49,7 +49,7 @@
} }
@media screen and (max-width: 558px) { @media screen and (max-width: 558px) {
.search-bar svg { #search-icon {
display: none; display: none;
} }
@@ -57,8 +57,4 @@
margin-left: 0; margin-left: 0;
width: 60%; width: 60%;
} }
.wait-icon {
display: none;
}
} }

2
src/components/SearchInput/SearchInput.tsx
View File

@@ -34,7 +34,7 @@ const SearchInput: React.FC<SearchInputProps> = () => {
return ( return (
<div className="search-bar"> <div className="search-bar">
<MagnifyingGlass size={24} /> <MagnifyingGlass id="search-icon" size={24} />
<input <input
id="search-input" id="search-input"
title="Search for icon names, categories, or keywords" title="Search for icon names, categories, or keywords"