Update I18nWidget.tsx

This commit is contained in:
Regaron 2020-11-30 09:38:41 +05:45 committed by GitHub
parent 4f34741494
commit c5a9ce0125
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -43,7 +43,7 @@ const I18nWidget: FC = () => {
return ( return (
<nav className={s.root}> <nav className={s.root}>
<div className="flex items-center relative"> <div className="flex items-center relative">
<button className={s.button} aria-label="Language selector"> <button onClick={() => setDisplay(!display)} className={s.button} aria-label="Language selector">
<img <img
className="block mr-2 w-5" className="block mr-2 w-5"
src={`/${LOCALES_MAP[currentLocale].img.filename}`} src={`/${LOCALES_MAP[currentLocale].img.filename}`}
@ -51,7 +51,7 @@ const I18nWidget: FC = () => {
/> />
{LOCALES_MAP[currentLocale].name} {LOCALES_MAP[currentLocale].name}
{options && ( {options && (
<span className="cursor-pointer" onClick={() => setDisplay(!display)}> <span style={{transform:"translateY(0.15rem)"}} className="cursor-pointer">
<svg <svg
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="24" width="24"
@ -72,7 +72,7 @@ const I18nWidget: FC = () => {
<div className="absolute top-0 right-0"> <div className="absolute top-0 right-0">
{options?.length && display ? ( {options?.length && display ? (
<div className={s.dropdownMenu}> <div className={s.dropdownMenu}>
<div className="flex flex-row justify-end px-6"> <div className="flex flex-row justify-end px-4 pt-4">
<button <button
onClick={() => setDisplay(false)} onClick={() => setDisplay(false)}
aria-label="Close panel" aria-label="Close panel"