This commit is contained in:
Your Name committed 2026-10-05 06:17:08 +07:00
1 parent d9901fd9a6
commit 142d991816
2 files changed
+20 -6

No files matched your search

@@ -1,4 +1,5 @@
import React, { useState, useMemo } from 'react'; import React, { useState, useMemo } from 'react';
import { createPortal } from 'react-dom';
import { import {
X, X,
Copy, Copy,
@@ -357,6 +358,11 @@ export default function BlockTranslationModal({
setActiveTab(initialTab); setActiveTab(initialTab);
setParseError(null); setParseError(null);
setSuccessMsg(null); setSuccessMsg(null);
const prevOverflow = document.body.style.overflow;
document.body.style.overflow = 'hidden';
return () => {
document.body.style.overflow = prevOverflow;
};
} }
}, [isOpen, initialTab]); }, [isOpen, initialTab]);
@@ -1407,8 +1413,8 @@ ${exportJsonString}
if (!isOpen) return null; if (!isOpen) return null;
return ( return createPortal(
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-night-950/80 backdrop-blur-md animate-fade-in"> <div className="fixed inset-0 z-[9999] flex items-center justify-center p-4 bg-night-950/80 backdrop-blur-md animate-fade-in">
<div className="bg-night-900 border border-white/10 rounded-3xl shadow-2xl w-full max-w-4xl max-h-[90vh] flex flex-col overflow-hidden text-slate-200 animate-pop-in"> <div className="bg-night-900 border border-white/10 rounded-3xl shadow-2xl w-full max-w-4xl max-h-[90vh] flex flex-col overflow-hidden text-slate-200 animate-pop-in">
{/* Header */} {/* Header */}
<div className="px-6 py-5 border-b border-white/5 flex items-center justify-between bg-gradient-to-r from-white/[0.04] to-transparent shrink-0"> <div className="px-6 py-5 border-b border-white/5 flex items-center justify-between bg-gradient-to-r from-white/[0.04] to-transparent shrink-0">
@@ -2035,6 +2041,7 @@ ${exportJsonString}
</div> </div>
</div> </div>
</div> </div>
</div> </div>,
document.body
); );
} }
@@ -1,4 +1,5 @@
import React, { useState, useMemo } from 'react'; import React, { useState, useMemo } from 'react';
import { createPortal } from 'react-dom';
import { import {
X, X,
Copy, Copy,
@@ -142,6 +143,11 @@ export default function ProductTranslationModal({
setActiveTab(initialTab); setActiveTab(initialTab);
setParseError(null); setParseError(null);
setSuccessMsg(null); setSuccessMsg(null);
const prevOverflow = document.body.style.overflow;
document.body.style.overflow = 'hidden';
return () => {
document.body.style.overflow = prevOverflow;
};
} }
}, [isOpen, initialTab]); }, [isOpen, initialTab]);
@@ -357,8 +363,8 @@ ${exportJsonString}
if (!isOpen) return null; if (!isOpen) return null;
return ( return createPortal(
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-night-950/80 backdrop-blur-md animate-fade-in"> <div className="fixed inset-0 z-[9999] flex items-center justify-center p-4 bg-night-950/80 backdrop-blur-md animate-fade-in">
<div className="bg-night-900 border border-white/10 rounded-3xl shadow-2xl w-full max-w-4xl max-h-[90vh] flex flex-col overflow-hidden text-slate-200 animate-pop-in"> <div className="bg-night-900 border border-white/10 rounded-3xl shadow-2xl w-full max-w-4xl max-h-[90vh] flex flex-col overflow-hidden text-slate-200 animate-pop-in">
{/* Header */} {/* Header */}
<div className="px-6 py-5 border-b border-white/5 flex items-center justify-between bg-gradient-to-r from-white/[0.04] to-transparent shrink-0"> <div className="px-6 py-5 border-b border-white/5 flex items-center justify-between bg-gradient-to-r from-white/[0.04] to-transparent shrink-0">
@@ -689,6 +695,7 @@ ${exportJsonString}
</div> </div>
</div> </div>
</div> </div>
</div> </div>,
document.body
); );
} }