terry-wallet-login #15
@@ -158,7 +158,7 @@ function LanguageDropdown({
|
|||||||
aria-expanded={open}
|
aria-expanded={open}
|
||||||
>
|
>
|
||||||
<FlagIcon code={lang} className="h-5 w-5" />
|
<FlagIcon code={lang} className="h-5 w-5" />
|
||||||
<span className="min-w-0 flex-1 truncate text-left">
|
<span className="whitespace-nowrap text-left">
|
||||||
{selected?.label ?? lang}
|
{selected?.label ?? lang}
|
||||||
</span>
|
</span>
|
||||||
<ChevronDown
|
<ChevronDown
|
||||||
@@ -172,7 +172,7 @@ function LanguageDropdown({
|
|||||||
|
|
||||||
{open ? (
|
{open ? (
|
||||||
<div
|
<div
|
||||||
className={`${dropdownAnimationClass} absolute left-0 right-0 top-[calc(100%+0.5rem)] z-50 overflow-hidden rounded-2xl border border-white/10 bg-[#1c1c21]/95 p-1.5 shadow-2xl shadow-black/70 ring-1 ring-ark-line/80 backdrop-blur-xl`}
|
className={`${dropdownAnimationClass} absolute left-0 top-[calc(100%+0.5rem)] z-50 min-w-full overflow-hidden rounded-2xl border border-white/10 bg-[#1c1c21]/95 p-1.5 shadow-2xl shadow-black/70 ring-1 ring-ark-line/80 backdrop-blur-xl`}
|
||||||
role="listbox"
|
role="listbox"
|
||||||
aria-label={ariaLabel}
|
aria-label={ariaLabel}
|
||||||
>
|
>
|
||||||
@@ -195,7 +195,9 @@ function LanguageDropdown({
|
|||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<FlagIcon code={option.code} className="h-5 w-5" />
|
<FlagIcon code={option.code} className="h-5 w-5" />
|
||||||
<span className="truncate font-medium">{option.label}</span>
|
<span className="whitespace-nowrap font-medium">
|
||||||
|
{option.label}
|
||||||
|
</span>
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
@@ -259,7 +261,7 @@ function MobileLanguageButton({
|
|||||||
|
|
||||||
{open ? (
|
{open ? (
|
||||||
<div
|
<div
|
||||||
className={`${dropdownAnimationClass} absolute right-0 top-[calc(100%+0.5rem)] z-50 w-44 overflow-hidden rounded-2xl border border-white/10 bg-[#1c1c21]/95 p-1.5 shadow-2xl shadow-black/70 ring-1 ring-ark-line/80 backdrop-blur-xl`}
|
className={`${dropdownAnimationClass} absolute right-0 top-[calc(100%+0.5rem)] z-50 w-max min-w-[12rem] overflow-hidden rounded-2xl border border-white/10 bg-[#1c1c21]/95 p-1.5 shadow-2xl shadow-black/70 ring-1 ring-ark-line/80 backdrop-blur-xl`}
|
||||||
role="listbox"
|
role="listbox"
|
||||||
aria-label={ariaLabel}
|
aria-label={ariaLabel}
|
||||||
>
|
>
|
||||||
@@ -282,7 +284,9 @@ function MobileLanguageButton({
|
|||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<FlagIcon code={option.code} className="h-5 w-5" />
|
<FlagIcon code={option.code} className="h-5 w-5" />
|
||||||
<span className="truncate font-medium">{option.label}</span>
|
<span className="whitespace-nowrap font-medium">
|
||||||
|
{option.label}
|
||||||
|
</span>
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
@@ -694,7 +698,7 @@ export function PublicLayout() {
|
|||||||
lang={lang}
|
lang={lang}
|
||||||
setLang={changeLang}
|
setLang={changeLang}
|
||||||
ariaLabel={t("langLabel")}
|
ariaLabel={t("langLabel")}
|
||||||
className="hidden h-10 w-36 md:block lg:w-40"
|
className="hidden h-10 md:block"
|
||||||
/>
|
/>
|
||||||
<Link
|
<Link
|
||||||
to={lp("/favorites")}
|
to={lp("/favorites")}
|
||||||
|
|||||||
Reference in New Issue
Block a user