refactor(LimitAnalyse): 迁移毛玻璃效果到统一配置
- index.js: 使用 GLASS_BLUR.sm 替代 blur(10px) - SearchComponents.js: 使用 GLASS_BLUR.xs 替代 blur(5px) - DataVisualizationComponents.js: 使用 GLASS_BLUR.sm 替代 blur(10px) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -38,6 +38,7 @@ import {
|
||||
} from '@chakra-ui/react';
|
||||
import { getFormattedTextProps } from '../../../utils/textUtils';
|
||||
import { ExternalLink } from 'lucide-react';
|
||||
import { GLASS_BLUR } from '@/constants/glassConfig';
|
||||
import RiskDisclaimer from '../../../components/RiskDisclaimer';
|
||||
import ReactECharts from 'echarts-for-react';
|
||||
import 'echarts-wordcloud';
|
||||
@@ -686,7 +687,7 @@ export const StockDetailModal = ({ isOpen, onClose, selectedStock }) => {
|
||||
|
||||
return (
|
||||
<Modal isOpen={isOpen} onClose={onClose} size="xl">
|
||||
<ModalOverlay backdropFilter="blur(10px)" />
|
||||
<ModalOverlay backdropFilter={GLASS_BLUR.sm} />
|
||||
<ModalContent>
|
||||
<ModalHeader bg={accentColor} color="white">
|
||||
<HStack>
|
||||
|
||||
@@ -35,6 +35,7 @@ import {
|
||||
} from '@chakra-ui/react';
|
||||
import { formatTooltipText, getFormattedTextProps } from '../../../utils/textUtils';
|
||||
import { Search, Download } from 'lucide-react';
|
||||
import { GLASS_BLUR } from '@/constants/glassConfig';
|
||||
|
||||
// 简化版搜索组件 - 仅支持股票代码/名称精确匹配
|
||||
export const AdvancedSearch = ({ onSearch, loading }) => {
|
||||
@@ -141,7 +142,7 @@ export const SearchResultsModal = ({ isOpen, onClose, searchResults, onStockClic
|
||||
|
||||
return (
|
||||
<Modal isOpen={isOpen} onClose={onClose} size="6xl">
|
||||
<ModalOverlay backdropFilter="blur(5px)" />
|
||||
<ModalOverlay backdropFilter={GLASS_BLUR.xs} />
|
||||
<ModalContent maxW="90vw" maxH="90vh">
|
||||
<ModalHeader bg="blue.500" color="white">
|
||||
<HStack justify="space-between">
|
||||
|
||||
@@ -40,6 +40,7 @@ import { AdvancedSearch, SearchResultsModal } from './components/SearchComponent
|
||||
import HighPositionStocks from './components/HighPositionStocks';
|
||||
import { logger } from '../../utils/logger';
|
||||
import { useLimitAnalyseEvents } from './hooks/useLimitAnalyseEvents';
|
||||
import { GLASS_BLUR } from '@/constants/glassConfig';
|
||||
|
||||
// 主组件
|
||||
export default function LimitAnalyse() {
|
||||
@@ -294,7 +295,7 @@ export default function LimitAnalyse() {
|
||||
color="whiteAlpha.900"
|
||||
borderWidth="1px"
|
||||
borderColor="whiteAlpha.300"
|
||||
backdropFilter="saturate(180%) blur(10px)"
|
||||
backdropFilter={`saturate(180%) ${GLASS_BLUR.sm}`}
|
||||
boxShadow="0 8px 32px rgba(0,0,0,0.2)"
|
||||
>
|
||||
<AlertIcon />
|
||||
@@ -311,7 +312,7 @@ export default function LimitAnalyse() {
|
||||
boxShadow="0 8px 32px rgba(0,0,0,0.2)"
|
||||
borderWidth="1px"
|
||||
borderColor="whiteAlpha.300"
|
||||
backdropFilter="saturate(180%) blur(10px)"
|
||||
backdropFilter={`saturate(180%) ${GLASS_BLUR.sm}`}
|
||||
w="full"
|
||||
>
|
||||
<CardBody>
|
||||
@@ -344,7 +345,7 @@ export default function LimitAnalyse() {
|
||||
boxShadow="0 8px 32px rgba(0,0,0,0.2)"
|
||||
borderWidth="1px"
|
||||
borderColor="whiteAlpha.300"
|
||||
backdropFilter="saturate(180%) blur(10px)"
|
||||
backdropFilter={`saturate(180%) ${GLASS_BLUR.sm}`}
|
||||
w="full"
|
||||
>
|
||||
<CardBody p={4}>
|
||||
|
||||
Reference in New Issue
Block a user