fix: theme switcher portal — max z-index, remove backdrop-blur to fix compositing

This commit is contained in:
Nicolas Varrot
2026-02-13 08:46:13 +00:00
parent 885cd0ea22
commit 85a14224ad

View File

@@ -72,8 +72,8 @@ export function ThemeSwitcher() {
{open && createPortal(
<div
ref={panelRef}
className="fixed z-[9999] w-52 rounded-2xl border border-[var(--pc-border-strong)] bg-[var(--pc-bg-surface)] backdrop-blur-xl shadow-2xl p-3 animate-fade-in"
style={{ top: pos.top, right: pos.right }}
className="fixed w-52 rounded-2xl border border-[var(--pc-border-strong)] bg-[var(--pc-bg-surface)] shadow-2xl p-3 animate-fade-in"
style={{ top: pos.top, right: pos.right, zIndex: 2147483647 }}
>
<div className="text-[10px] uppercase tracking-wider text-[var(--pc-text-faint)] font-semibold mb-2">
{t('theme.mode')}