@@ -57,6 +57,17 @@ input {
color: white;
}
+.search-input {
+
+ @media(max-width: $breakpoint-mobile) {
+ display: flex;
+ input {
+ width: 100%;
+ }
+}
.App-logo {
margin: 6px;
height: 100px;
@@ -203,7 +214,7 @@ right: 0px;
display: flex;
flex-direction: column;
@media (max-width: $breakpoint-mobile) {
-width: 100%;
+ width: 50%;
@@ -26,7 +26,7 @@ const actionTrackSearch = (word) => (
const TrackSearch = ({ onSearch }) => {
const [value, setValue] = useState("");
return (
- <div>
+ <div className='search-input'>
<input
type="text"
placeholder="Поиск..."