Add Frontend 增加一层渐变背景色

This commit is contained in:
2026-05-27 10:30:35 +08:00
parent 30c7bda389
commit 3674f9171e
7 changed files with 137 additions and 178 deletions

View File

@@ -64,7 +64,7 @@ export const EventFeed: React.FC<EventFeedProps> = ({
borderRadius: 10,
position: 'relative',
overflow: 'hidden',
boxShadow: !isDark ? '0 2px 6px rgba(226,0,116,0.05)' : 'none',
boxShadow: 'none',
}}>
<div style={{ position: 'absolute', top: 0, left: 0, right: 0, height: 2, background: color }} />
<div className="mono" style={{ fontSize: 10, color: theme.text3, letterSpacing: '0.5px' }}>{label}</div>
@@ -118,13 +118,13 @@ export const EventFeed: React.FC<EventFeedProps> = ({
onClick={() => onSelect(evt.id)}
style={{
padding: '14px 16px',
background: isSelected ? (isDark ? '#1e1e35' : '#fdf0f7') : theme.bgCard,
background: isSelected ? theme.bgHover : theme.bgCard,
borderRadius: 10,
border: `1px solid ${isSelected ? theme.accent : theme.border}`,
borderLeft: `4px solid ${cfg.color}`,
cursor: 'pointer',
transition: 'all 0.15s ease',
boxShadow: isSelected ? `0 0 0 1px ${theme.accent}40` : (!isDark ? '0 1px 4px rgba(0,0,0,0.04)' : 'none'),
boxShadow: isSelected ? `0 0 0 1px ${theme.accent}40` : 'none',
}}
>
{/* Source + Status row */}