mohanki/MRF-AI-SOP-Monitoring-react-node-postgres
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style event items as isolated box cards

Browse Source
This commit is contained in:
Mohan K
2026-07-28 14:23:42 +05:30
parent c921e0ddef
commit 25a3ef2a5a
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/components/EventTimeline.jsx
+9 -3
View File
@@ -67,10 +67,16 @@ export default function EventTimeline() {
const renderEventCard = (ev, i, arrLength) => ( const renderEventCard = (ev, i, arrLength) => (
<div key={ev.id} style={{ <div key={ev.id} style={{
display: 'flex', flexDirection: 'column', display: 'flex', flexDirection: 'column',
paddingBottom: i < arrLength - 1 ? '1rem' : '0', background: 'rgba(255, 255, 255, 0.03)',
border: '1px solid rgba(255, 255, 255, 0.05)',
borderRadius: '12px',
padding: '1rem',
marginBottom: i < arrLength - 1 ? '1rem' : '0', marginBottom: i < arrLength - 1 ? '1rem' : '0',
borderBottom: i < arrLength - 1 ? '1px solid rgba(255,255,255,0.05)' : 'none' transition: 'transform 0.2s ease, background 0.2s ease'
}}> }}
onMouseEnter={(e) => e.currentTarget.style.background = 'rgba(255, 255, 255, 0.06)'}
onMouseLeave={(e) => e.currentTarget.style.background = 'rgba(255, 255, 255, 0.03)'}
>
<div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '0.5rem' }}> <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '0.5rem' }}>
<span style={{ fontSize: '0.85rem', color: 'var(--text-secondary)' }}> <span style={{ fontSize: '0.85rem', color: 'var(--text-secondary)' }}>
{ev.start_time.substring(0, 5)} - {ev.end_time.substring(0, 5)} {ev.start_time.substring(0, 5)} - {ev.end_time.substring(0, 5)}