fix(owner): lift Team Management dropdown above the SpotlightCard stacking context so it renders opaque
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user