christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 11:45:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: increase z-index for modals and popups in PricingView to ensure foreground visibility

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-27 14:37:05 +02:00
parent a2bb2f2307
commit 0fa845e814
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PricingView.tsx
+4 -4
View File
@@ -810,7 +810,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
)} )}
{/* ── Anna Note Editor Modal ── */} {/* ── Anna Note Editor Modal ── */}
{annaEditor && ( {annaEditor && (
<div className="fixed inset-0 bg-slate-950/50 backdrop-blur-sm z-[100] flex items-center justify-center p-4"> <div className="fixed inset-0 bg-slate-950/50 backdrop-blur-sm z-[10000] flex items-center justify-center p-4">
<div className="bg-slate-800 border border-slate-700 rounded-xl shadow-2xl w-full max-w-md animate-in zoom-in-95 duration-200"> <div className="bg-slate-800 border border-slate-700 rounded-xl shadow-2xl w-full max-w-md animate-in zoom-in-95 duration-200">
<div className="p-4 border-b border-slate-700 flex items-center justify-between"> <div className="p-4 border-b border-slate-700 flex items-center justify-between">
<h3 className="font-semibold text-white flex items-center gap-2"> <h3 className="font-semibold text-white flex items-center gap-2">
@@ -843,7 +843,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
{/* ── Note Editor Modal ── */} {/* ── Note Editor Modal ── */}
{noteEditor && ( {noteEditor && (
<div className="fixed inset-0 bg-slate-950/50 backdrop-blur-sm z-[100] flex items-center justify-center p-4"> <div className="fixed inset-0 bg-slate-950/50 backdrop-blur-sm z-[10000] flex items-center justify-center p-4">
<div className="bg-slate-800 border border-slate-700 rounded-xl shadow-2xl w-full max-w-md animate-in zoom-in-95 duration-200"> <div className="bg-slate-800 border border-slate-700 rounded-xl shadow-2xl w-full max-w-md animate-in zoom-in-95 duration-200">
<div className="p-4 border-b border-slate-700 flex items-center justify-between"> <div className="p-4 border-b border-slate-700 flex items-center justify-between">
<h3 className="font-semibold text-white flex items-center gap-2"> <h3 className="font-semibold text-white flex items-center gap-2">
@@ -931,7 +931,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
</button> </button>
{openFilter === 'global' && ( {openFilter === 'global' && (
<div className="absolute top-full left-0 z-[200]"> <div className="absolute top-full left-0 z-[10000]">
<TextFilterPopover <TextFilterPopover
value={globalAdvancedFilter} value={globalAdvancedFilter}
onChange={setGlobalAdvancedFilter} onChange={setGlobalAdvancedFilter}
@@ -942,7 +942,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
{/* Search Dropdown Panel */} {/* Search Dropdown Panel */}
{isSearchOpen && searchSuggestions.length > 0 && ( {isSearchOpen && searchSuggestions.length > 0 && (
<div className="absolute top-full left-0 right-0 mt-1 bg-slate-800 border border-slate-700 rounded-lg shadow-2xl z-[150] overflow-hidden animate-in fade-in slide-in-from-top-2 duration-200"> <div className="absolute top-full left-0 right-0 mt-1 bg-slate-800 border border-slate-700 rounded-lg shadow-2xl z-[10000] overflow-hidden animate-in fade-in slide-in-from-top-2 duration-200">
<div className="max-h-64 overflow-y-auto"> <div className="max-h-64 overflow-y-auto">
{searchSuggestions.map((row, idx) => { {searchSuggestions.map((row, idx) => {
return ( return (