Fix sticky header overlap by using correct bg variable

2026-07-28 14:07:04 +05:30
parent a767d5c255
commit b0d8b664da
1 changed files with 1 additions and 1 deletions
@@ -57,7 +57,7 @@ export default function EventTimeline() {

  const renderTimeline = (zone, zoneEvents) => (
    <div className="glass-panel" style={{ flex: 1, overflowY: 'auto', maxHeight: '70vh' }}>
-      <h2 style={{ position: 'sticky', top: 0, background: 'var(--bg)', paddingBottom: '1rem', borderBottom: '1px solid rgba(255,255,255,0.1)', zIndex: 10 }}>
+      <h2 style={{ position: 'sticky', top: 0, background: 'var(--bg-color)', paddingBottom: '1rem', paddingTop: '1rem', marginTop: '-1rem', borderBottom: '1px solid rgba(255,255,255,0.1)', zIndex: 10 }}>
        {zone} Timeline
      </h2>
      <div style={{ marginTop: '1rem' }}>