vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/ValueForum/components/CommentInvestModal.js
View File

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

3
src/views/ValueForum/components/CreatePredictionModal.js
View File

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

3
src/views/ValueForum/components/PredictionGuideModal.js
View File

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

3
src/views/ValueForum/components/TradeModal.js
View File

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