Просмотр исходного кода

💄 style(modal): 修复遮罩层全屏显示问题

- 添加固定宽高 w-[1920px] h-[1080px] 确保遮罩层全屏覆盖
- 设置 left-0 top-0 固定遮罩层位置
yourname 2 месяцев назад
Родитель
Сommit
a6e77d19f0
1 измененных файлов с 1 добавлено и 1 удалено
  1. 1 1
      src/client/home/pages/FinancialDashboard/components/VariationModal.tsx

+ 1 - 1
src/client/home/pages/FinancialDashboard/components/VariationModal.tsx

@@ -93,7 +93,7 @@ export default function VariationModal({ isOpen, onClose }: VariationModalProps)
   if (!isVisible) return null;
   if (!isVisible) return null;
 
 
   return (
   return (
-    <div className={`fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0'}`}>
+    <div className={`fixed w-[1920px] h-[1080px] left-0 top-0 z-50 flex items-center justify-center transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0'}`}>
       {/* 遮罩层 */}
       {/* 遮罩层 */}
       <div
       <div
         className="absolute inset-0 backdrop-blur-[5px] backdrop-filter bg-[rgba(0,0,0,0.75)]"
         className="absolute inset-0 backdrop-blur-[5px] backdrop-filter bg-[rgba(0,0,0,0.75)]"