mirror of
https://github.com/vercel/commerce.git
synced 2025-06-18 13:11:23 +00:00
Update I18nWidget.tsx
This commit is contained in:
parent
4f34741494
commit
c5a9ce0125
@ -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"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user