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:
@@ -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" }}
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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" }}
|
||||
|
||||
Reference in New Issue
Block a user