refactor(ui): adjust language picker style

pull/1113/head
sct 4 years ago
parent f5fc0545a4
commit 36e614f4f3

@ -89,7 +89,9 @@ const LanguagePicker: React.FC = () => {
<div className="relative"> <div className="relative">
<div> <div>
<button <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" aria-label="Language Picker"
onClick={() => setDropdownOpen(true)} onClick={() => setDropdownOpen(true)}
> >

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

Loading…
Cancel
Save