refactor(glass): 批次2 - 迁移 Company 页面使用统一毛玻璃配置
迁移以下 5 个 Company 模块文件: - fui.ts: FUI_GLASS 改用全局 GLASS_BLUR/BG/BORDER 常量 - index.ts: GLASS 常量改用全局配置 - AnalysisModal.tsx: GLASS_BLUR.sm 替换 blur(8px) - DynamicTrackingNavSkeleton.tsx: GLASS_BLUR.lg 替换 blur(20px) - CompanyOverviewNavSkeleton.tsx: GLASS_BLUR.lg 替换 blur(20px) 保持 FUI_GLASS 导出不变,确保向后兼容 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -29,6 +29,7 @@ import {
|
||||
GitBranch,
|
||||
Info,
|
||||
} from 'lucide-react';
|
||||
import { GLASS_BLUR } from '@/constants/glassConfig';
|
||||
|
||||
// 深空 FUI 主题配置(与 SubTabContainer 保持一致)
|
||||
const DEEP_SPACE = {
|
||||
@@ -112,7 +113,7 @@ const CompanyOverviewNavSkeleton: React.FC = () => {
|
||||
{/* 导航栏容器 - compact 模式(无外边距) */}
|
||||
<Flex
|
||||
bg={DEEP_SPACE.bgGlass}
|
||||
backdropFilter="blur(20px)"
|
||||
backdropFilter={GLASS_BLUR.lg}
|
||||
borderBottom="1px solid"
|
||||
borderColor={DEEP_SPACE.borderGold}
|
||||
borderRadius={0}
|
||||
|
||||
@@ -18,6 +18,7 @@ import {
|
||||
CardBody,
|
||||
} from '@chakra-ui/react';
|
||||
import { Newspaper, Megaphone, Calendar, BarChart2 } from 'lucide-react';
|
||||
import { GLASS_BLUR } from '@/constants/glassConfig';
|
||||
|
||||
// 深空 FUI 主题配置(与 SubTabContainer 保持一致)
|
||||
const DEEP_SPACE = {
|
||||
@@ -73,7 +74,7 @@ const DynamicTrackingNavSkeleton: React.FC = () => {
|
||||
{/* 导航栏容器 */}
|
||||
<Flex
|
||||
bg={DEEP_SPACE.bgGlass}
|
||||
backdropFilter="blur(20px)"
|
||||
backdropFilter={GLASS_BLUR.lg}
|
||||
borderBottom="1px solid"
|
||||
borderColor={DEEP_SPACE.borderGold}
|
||||
borderRadius={DEEP_SPACE.radiusLG}
|
||||
|
||||
@@ -20,6 +20,7 @@ import { FileText, TrendingUp, Building2, Newspaper, BookOpen } from 'lucide-rea
|
||||
import MarkdownRenderer from './MarkdownRenderer';
|
||||
import { formatNumber } from '../utils/formatUtils';
|
||||
import type { AnalysisModalProps, RiseAnalysis, Theme } from '../types';
|
||||
import { GLASS_BLUR } from '@/constants/glassConfig';
|
||||
|
||||
// FUI 风格颜色常量
|
||||
const FUI = {
|
||||
@@ -381,7 +382,7 @@ const AnalysisModal: React.FC<AnalysisModalProps> = ({ isOpen, onClose, content
|
||||
<Modal isOpen={isOpen} onClose={onClose} size="4xl" scrollBehavior="inside" isCentered>
|
||||
<ModalOverlay
|
||||
bg="rgba(0, 0, 0, 0.8)"
|
||||
backdropFilter="blur(8px)"
|
||||
backdropFilter={GLASS_BLUR.sm}
|
||||
/>
|
||||
<ModalContent
|
||||
bg="linear-gradient(145deg, rgba(26, 26, 46, 0.98) 0%, rgba(15, 15, 26, 0.99) 100%)"
|
||||
|
||||
@@ -6,8 +6,13 @@
|
||||
* - Linear.app: 极简、精致微交互、清晰层次
|
||||
* - James Turrell: 柔和光影渐变、沉浸式氛围
|
||||
* - HeroUI: 现代组件风格
|
||||
*
|
||||
* 注意: Glassmorphism 配置已迁移至全局 @/constants/glassConfig.ts
|
||||
* 此处 FUI_GLASS 保留向后兼容,实际使用统一配置
|
||||
*/
|
||||
|
||||
import { GLASS_BLUR, GLASS_BG, GLASS_BORDER } from '@/constants/glassConfig';
|
||||
|
||||
// ============================================
|
||||
// 核心色彩系统
|
||||
// ============================================
|
||||
@@ -111,31 +116,31 @@ export const FUI_GLOW = {
|
||||
} as const;
|
||||
|
||||
// ============================================
|
||||
// Glassmorphism 配置
|
||||
// Glassmorphism 配置(使用全局统一配置)
|
||||
// ============================================
|
||||
|
||||
export const FUI_GLASS = {
|
||||
// 背景模糊
|
||||
// 背景模糊 - 使用全局配置
|
||||
blur: {
|
||||
sm: 'blur(8px)',
|
||||
md: 'blur(16px)',
|
||||
lg: 'blur(24px)',
|
||||
xl: 'blur(40px)',
|
||||
sm: GLASS_BLUR.sm,
|
||||
md: GLASS_BLUR.md,
|
||||
lg: GLASS_BLUR.lg,
|
||||
xl: GLASS_BLUR.xl,
|
||||
},
|
||||
|
||||
// 玻璃背景
|
||||
// 玻璃背景 - 使用全局配置
|
||||
bg: {
|
||||
light: 'rgba(255, 255, 255, 0.03)',
|
||||
medium: 'rgba(255, 255, 255, 0.05)',
|
||||
dark: 'rgba(0, 0, 0, 0.2)',
|
||||
gold: 'rgba(212, 175, 55, 0.05)',
|
||||
light: GLASS_BG.light,
|
||||
medium: GLASS_BG.strong,
|
||||
dark: GLASS_BG.dark,
|
||||
gold: GLASS_BG.gold,
|
||||
},
|
||||
|
||||
// 边框
|
||||
// 边框 - 使用全局配置
|
||||
border: {
|
||||
subtle: '1px solid rgba(255, 255, 255, 0.05)',
|
||||
default: '1px solid rgba(212, 175, 55, 0.15)',
|
||||
emphasis: '1px solid rgba(212, 175, 55, 0.3)',
|
||||
subtle: GLASS_BORDER.subtle,
|
||||
default: GLASS_BORDER.default,
|
||||
emphasis: GLASS_BORDER.emphasis,
|
||||
},
|
||||
} as const;
|
||||
|
||||
|
||||
@@ -93,15 +93,17 @@ export const GLOW = {
|
||||
} as const;
|
||||
|
||||
/**
|
||||
* 玻璃效果
|
||||
* 玻璃效果 - 使用全局统一配置
|
||||
*/
|
||||
import { GLASS_BLUR, GLASS_BG } from '@/constants/glassConfig';
|
||||
|
||||
export const GLASS = {
|
||||
blur: 'blur(16px)',
|
||||
blurSm: 'blur(8px)',
|
||||
blurLg: 'blur(24px)',
|
||||
bgLight: 'rgba(255, 255, 255, 0.03)',
|
||||
bgDark: 'rgba(0, 0, 0, 0.2)',
|
||||
bgGold: 'rgba(212, 175, 55, 0.05)',
|
||||
blur: GLASS_BLUR.md,
|
||||
blurSm: GLASS_BLUR.sm,
|
||||
blurLg: GLASS_BLUR.lg,
|
||||
bgLight: GLASS_BG.light,
|
||||
bgDark: GLASS_BG.dark,
|
||||
bgGold: GLASS_BG.gold,
|
||||
} as const;
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user