更新Company页面的UI为FUI风格

This commit is contained in:
2025-12-23 10:48:33 +08:00
parent 8a9e4f018a
commit 9750ab75ba
5 changed files with 66 additions and 132 deletions

View File

@@ -15,13 +15,13 @@ interface EventDetailModalProps {
event: any; // TODO: 后续可替换为具体的 Event 类型
}
// 深色毛玻璃主题颜色
// 深色主题颜色 - 比背景亮,形成层次感(使用实色确保覆盖)
const GLASS_THEME = {
bg: 'rgba(20, 24, 35, 0.92)',
headerBg: 'rgba(26, 31, 46, 0.95)',
borderColor: 'rgba(255, 255, 255, 0.08)',
textColor: '#E8E9ED',
secondaryText: '#A0A4B8',
bg: '#2D3748',
headerBg: '#3D4A5C',
borderColor: 'rgba(255, 255, 255, 0.12)',
textColor: '#F7FAFC',
secondaryText: '#CBD5E0',
};
/**
@@ -55,29 +55,23 @@ const EventDetailModal: React.FC<EventDetailModalProps> = ({
wrapper: isMobile ? {} : {
maxWidth: 1400,
margin: '0 auto',
borderRadius: '16px 16px 0 0',
overflow: 'hidden',
},
mask: {
backdropFilter: 'blur(8px)',
background: 'rgba(0, 0, 0, 0.6)',
background: 'rgba(0, 0, 0, 0.5)',
},
content: {
borderRadius: '16px 16px 0 0',
background: GLASS_THEME.bg,
backdropFilter: 'blur(20px)',
border: 'none',
boxShadow: '0 -8px 32px rgba(0, 0, 0, 0.4)',
},
header: {
background: GLASS_THEME.headerBg,
borderBottom: `1px solid ${GLASS_THEME.borderColor}`,
padding: '16px 24px',
backdropFilter: 'blur(12px)',
borderRadius: '16px 16px 0 0',
},
body: {
padding: 0,
background: 'transparent',
background: GLASS_THEME.bg,
},
}}
>