blob: f31c6e2884f512c90d4cc904a490aa2d7130a22b (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
import { getDropLineY } from "@/lib/timeline/drop-utils";
import type { TimelineTrack, DropTarget } from "@/types/timeline";
interface DragLineProps {
dropTarget: DropTarget | null;
tracks: TimelineTrack[];
isVisible: boolean;
headerHeight?: number;
}
export function DragLine({
dropTarget,
tracks,
isVisible,
headerHeight = 0,
}: DragLineProps) {
if (!isVisible || !dropTarget) return null;
const y = getDropLineY({ dropTarget, tracks });
const lineTop = y + headerHeight;
return (
<div
className="bg-primary pointer-events-none absolute right-0 left-0 z-50 h-0.5"
style={{ top: `${lineTop}px` }}
/>
);
}
|
