fix: lift language dropdown above leaderboard banner (z-100)

This commit is contained in:
Ryan Salazar
2026-05-23 13:55:39 +00:00
parent a597400e3f
commit 3a264e4773

View File

@@ -153,7 +153,7 @@ export default function LanguageSwitcher({ currentLang, onLanguageChange, compac
const currentLangData = SUPPORTED_LANGUAGES.find(l => l.code === activeLang) || SUPPORTED_LANGUAGES[0];
return (
<div ref={dropdownRef} className="relative">
<div ref={dropdownRef} className="relative z-[100]">
<button
onClick={() => setIsOpen(!isOpen)}
className="flex items-center gap-1.5 px-2 py-1 rounded text-xs text-[#888] hover:text-white hover:bg-[#1a1a1a] transition-colors focus:outline-none focus-visible:ring-1 focus-visible:ring-[#3b82f6]"
@@ -172,7 +172,7 @@ export default function LanguageSwitcher({ currentLang, onLanguageChange, compac
{isOpen && (
<div
className="absolute top-full mt-1 right-0 bg-[#111] border border-[#333] rounded-lg shadow-xl z-50 min-w-[160px] py-1"
className="absolute top-full mt-1 right-0 bg-[#111] border border-[#333] rounded-lg shadow-xl z-[100] min-w-[160px] py-1"
role="listbox"
aria-label="Select language"
>