fix(menus): prevent menu label text from being selectable

This commit is contained in:
2026-07-04 18:30:25 +01:00
parent 58ecb03070
commit 1074c875a3
+7 -2
View File
@@ -123,12 +123,17 @@ export function MenuItem({
} }
export function MenuSeparator() { export function MenuSeparator() {
return <div className="my-1 h-px bg-white/[0.06]" />; return <div className="my-1 h-px bg-white/[0.06]"/>;
} }
export function MenuLabel({ children }: { children: ReactNode }) { export function MenuLabel({ children }: { children: ReactNode }) {
return ( return (
<div className="px-3 py-1 text-[10px] uppercase tracking-[0.18em] text-gray-600">{children}</div> <div className="px-3 py-1 text-[10px] uppercase tracking-[0.18em] text-gray-600"
style={{
userSelect: 'none',
WebkitUserSelect: 'none',
}}
>{children}</div>
); );
} }