shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): adjust padding of search box so placeholder text fits on mobile

Browse Source 
this only fixes English. Other languages placeholders may or may not fit into the space

fixes #393
This commit is contained in:
sct
2020-12-19 12:57:17 +09:00
parent 53bede692d
commit 3601d442db
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Layout/LanguagePicker/index.tsx
View File

@@ -58,7 +58,7 @@ const LanguagePicker: React.FC = () => {
useClickOutside(dropdownRef, () => setDropdownOpen(false)); useClickOutside(dropdownRef, () => setDropdownOpen(false));
return ( return (
<div className="ml-3 relative"> <div className="relative">
<div> <div>
<button <button
className="p-1 text-gray-400 rounded-full hover:bg-gray-500 hover:text-white focus:outline-none focus:ring focus:text-white" className="p-1 text-gray-400 rounded-full hover:bg-gray-500 hover:text-white focus:outline-none focus:ring focus:text-white"

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

@@ -27,7 +27,7 @@ const SearchInput: React.FC = () => {
</div> </div>
<input <input
id="search_field" id="search_field"
className="block w-full h-full pl-8 pr-3 py-2 rounded-md border-transparent focus:border-transparent bg-gray-600 text-white placeholder-gray-300 focus:outline-none focus:ring-0 focus:placeholder-gray-400 sm:text-base" className="block w-full h-full pl-8 pr-1 py-2 rounded-md border-transparent focus:border-transparent bg-gray-600 text-white placeholder-gray-300 focus:outline-none focus:ring-0 focus:placeholder-gray-400 sm:text-base"
placeholder={intl.formatMessage(messages.searchPlaceholder)} placeholder={intl.formatMessage(messages.searchPlaceholder)}
type="search" type="search"
value={searchValue} value={searchValue}

2
src/components/Layout/index.tsx
View File

@@ -44,7 +44,7 @@ const Layout: React.FC = ({ children }) => {
</button> </button>
<div className="flex-1 px-4 flex justify-between"> <div className="flex-1 px-4 flex justify-between">
<SearchInput /> <SearchInput />
<div className="ml-4 flex items-center md:ml-6"> <div className="flex items-center md:ml-6">
<LanguagePicker /> <LanguagePicker />
<UserDropdown /> <UserDropdown />
</div> </div>