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

refactor(ui): adjust language picker style

Browse Source
This commit is contained in:
sct
2021-03-09 04:39:05 +00:00
parent f5fc0545a4
commit 36e614f4f3
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -89,7 +89,9 @@ const LanguagePicker: React.FC = () => {
<div className="relative">
<div>
<button
className="p-1 text-gray-400 rounded-full hover:bg-gray-600 hover:text-white focus:outline-none focus:ring focus:text-white"
className={`p-1 rounded-full sm:p-2 hover:bg-gray-600 hover:text-white focus:outline-none focus:bg-gray-600 focus:ring-1 focus:ring-gray-500 focus:text-white ${
isDropdownOpen ? 'bg-gray-600 text-white' : 'text-gray-400'
}`}
aria-label="Language Picker"
onClick={() => setDropdownOpen(true)}
>

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

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