refactor(ValueForum): 迁移毛玻璃效果到统一配置 - 批次6

- TradeModal.js: Modal overlay 使用 GLASS_BLUR.xs
- CommentInvestModal.js: Modal overlay 使用 GLASS_BLUR.xs
- PredictionGuideModal.js: Modal overlay 使用 GLASS_BLUR.xs
- CreatePredictionModal.js: Modal overlay 使用 GLASS_BLUR.xs

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-25 16:42:17 +08:00
parent 3911095022
commit e1c974c4af
4 changed files with 8 additions and 4 deletions

View File

@@ -36,6 +36,7 @@ import {
getUserAccount,
} from '@services/predictionMarketService.api';
import { useAuth } from '@contexts/AuthContext';
import { GLASS_BLUR } from '@/constants/glassConfig';
const MotionBox = motion(Box);
@@ -152,7 +153,7 @@ const CommentInvestModal = ({ isOpen, onClose, comment, topic, onInvestSuccess }
return (
<Modal isOpen={isOpen} onClose={onClose} size={{ base: "full", sm: "lg" }} isCentered>
<ModalOverlay backdropFilter="blur(4px)" />
<ModalOverlay backdropFilter={GLASS_BLUR.xs} />
<ModalContent
bg={forumColors.background.card}
borderRadius={{ base: "0", sm: "xl" }}

View File

@@ -32,6 +32,7 @@ import { forumColors } from '@theme/forumTheme';
import { createTopic, getUserAccount } from '@services/predictionMarketService.api';
import { CREDIT_CONFIG } from '@services/creditSystemService';
import { useAuth } from '@contexts/AuthContext';
import { GLASS_BLUR } from '@/constants/glassConfig';
const CreatePredictionModal = ({ isOpen, onClose, onTopicCreated }) => {
const toast = useToast();
@@ -160,7 +161,7 @@ const CreatePredictionModal = ({ isOpen, onClose, onTopicCreated }) => {
return (
<Modal isOpen={isOpen} onClose={onClose} size="xl" isCentered>
<ModalOverlay backdropFilter="blur(4px)" />
<ModalOverlay backdropFilter={GLASS_BLUR.xs} />
<ModalContent
bg={forumColors.background.card}
borderRadius="xl"

View File

@@ -61,6 +61,7 @@ import {
} from 'lucide-react';
import { motion } from 'framer-motion';
import { forumColors } from '@theme/forumTheme';
import { GLASS_BLUR } from '@/constants/glassConfig';
const MotionBox = motion(Box);
@@ -223,7 +224,7 @@ const PredictionGuideModal = ({ isOpen, onClose }) => {
return (
<Modal isOpen={isOpen} onClose={onClose} size="6xl" isCentered scrollBehavior="inside">
<ModalOverlay backdropFilter="blur(4px)" bg="blackAlpha.800" />
<ModalOverlay backdropFilter={GLASS_BLUR.xs} bg="blackAlpha.800" />
<ModalContent
bg={forumColors.background.card}
borderRadius="2xl"

View File

@@ -41,6 +41,7 @@ import {
} from '@services/predictionMarketService.api';
import { CREDIT_CONFIG } from '@services/creditSystemService';
import { useAuth } from '@contexts/AuthContext';
import { GLASS_BLUR } from '@/constants/glassConfig';
const MotionBox = motion(Box);
@@ -213,7 +214,7 @@ const TradeModal = ({ isOpen, onClose, topic, mode = 'buy', onTradeSuccess }) =>
return (
<Modal isOpen={isOpen} onClose={onClose} size={{ base: "full", sm: "lg" }} isCentered>
<ModalOverlay backdropFilter="blur(4px)" />
<ModalOverlay backdropFilter={GLASS_BLUR.xs} />
<ModalContent
bg={forumColors.background.card}
borderRadius={{ base: "0", sm: "xl" }}