fix(owner): lift Team Management dropdown above the SpotlightCard stacking context so it renders opaque

This commit is contained in:
Satyam Rastogi
2026-05-29 19:02:27 +05:30
parent 94ddc1b030
commit 19c7c62a1e
+2 -2
View File
@@ -47,7 +47,7 @@ function ProjectPicker({ projects, value, onChange }) {
<ChevronDown size={14} className={`shrink-0 text-zinc-400 transition-transform ${open ? 'rotate-180' : ''}`} />
</button>
{open && (
<div role="listbox" className="absolute z-30 right-0 mt-1 w-[300px] max-w-[80vw] rounded-xl bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-white/10 shadow-xl shadow-black/10 dark:shadow-black/50 overflow-hidden">
<div role="listbox" className="absolute z-50 right-0 mt-1 w-[300px] max-w-[80vw] rounded-xl bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-white/10 shadow-xl shadow-black/10 dark:shadow-black/50 overflow-hidden">
<div className="max-h-72 overflow-y-auto custom-scrollbar py-1">
{projects.map(p => {
const isSelected = p.id === value;
@@ -540,7 +540,7 @@ const OwnerSnapshot = () => {
{/* ── Owner's Box — Team Management ── */}
{selectedProject && (
<section>
<div className="flex items-center justify-between mb-4 flex-wrap gap-3">
<div className="relative z-50 flex items-center justify-between mb-4 flex-wrap gap-3">
<h2 className="text-xl font-bold text-zinc-900 dark:text-white/90 flex items-center">
<span className="w-2 h-8 bg-violet-500 rounded-full mr-3"></span>
Team Management