更新Company页面的UI为FUI风格
This commit is contained in:
@@ -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,
|
||||
},
|
||||
}}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user