diff --git a/src/views/Center/components/EventFormModal.tsx b/src/views/Center/components/EventFormModal.tsx index f4866792..a940682f 100644 --- a/src/views/Center/components/EventFormModal.tsx +++ b/src/views/Center/components/EventFormModal.tsx @@ -49,6 +49,7 @@ import { logger } from '@/utils/logger'; import { getApiBase } from '@/utils/apiConfig'; import { loadWatchlist, loadAllStocks } from '@/store/slices/stockSlice'; import { stockService } from '@/services/stockService'; +import { GLASS_BLUR } from '@/constants/glassConfig'; dayjs.locale('zh-cn'); @@ -559,7 +560,7 @@ export const EventFormModal: React.FC = ({ const modalStyles = { mask: { background: 'rgba(0, 0, 0, 0.7)', - backdropFilter: 'blur(4px)', + backdropFilter: GLASS_BLUR.xs, }, content: { background: 'linear-gradient(135deg, #1A1A2E 0%, #0F0F1A 100%)', diff --git a/src/views/Center/components/FUIEventCard.tsx b/src/views/Center/components/FUIEventCard.tsx index f210eedc..9d6ee200 100644 --- a/src/views/Center/components/FUIEventCard.tsx +++ b/src/views/Center/components/FUIEventCard.tsx @@ -35,6 +35,7 @@ import dayjs from 'dayjs'; import 'dayjs/locale/zh-cn'; import type { InvestmentEvent } from '@/types'; +import { GLASS_BLUR } from '@/constants/glassConfig'; dayjs.locale('zh-cn'); @@ -126,7 +127,7 @@ export const FUIEventCard = memo(({ p={4} border="1px solid" borderColor={FUI_THEME.border} - backdropFilter="blur(8px)" + backdropFilter={GLASS_BLUR.sm} transition="all 0.3s ease" _hover={{ borderColor: FUI_THEME.borderHover,