diff --git a/frontend/src/App/Header.tsx b/frontend/src/App/Header.tsx index 29c1d1a8d..987218ef8 100644 --- a/frontend/src/App/Header.tsx +++ b/frontend/src/App/Header.tsx @@ -39,20 +39,20 @@ const AppHeader: FunctionComponent = () => { - - - show(!showed)} size="sm" hiddenFrom="sm" > - + + + + Bazarr diff --git a/frontend/src/components/Search.tsx b/frontend/src/components/Search.tsx index 9571d9f2b..d1c559be5 100644 --- a/frontend/src/components/Search.tsx +++ b/frontend/src/components/Search.tsx @@ -2,11 +2,14 @@ import { FunctionComponent, useMemo, useState } from "react"; import { useNavigate } from "react-router-dom"; import { ComboboxItem, + em, + Flex, Image, OptionsFilter, Select, Text, } from "@mantine/core"; +import { useMediaQuery } from "@mantine/hooks"; import { faSearch } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { useServerSearch } from "@/apis/hooks"; @@ -85,6 +88,8 @@ const Search: FunctionComponent = () => { const results = useSearch(query); + const isMobile = useMediaQuery(`(max-width: ${em(750)})`); + return (