diff options
| author | Simon Orzel <simonorzel@gmail.com> | 2025-07-17 02:25:24 +0200 |
|---|---|---|
| committer | Simon Orzel <simonorzel@gmail.com> | 2025-07-17 02:25:24 +0200 |
| commit | 98b2103286f04d67db1d57f9e3330efa5d41fdb7 (patch) | |
| tree | c9b6d144d2d7e4f70de99aef1737871b044ad146 /apps/web/src/components/editor/timeline/timeline-content.tsx | |
| parent | 9fa9f406fe2722cec1e0d65d9b3868acd1e99f87 (diff) | |
| download | opencut-98b2103286f04d67db1d57f9e3330efa5d41fdb7.tar.gz | |
feat: working
Diffstat (limited to 'apps/web/src/components/editor/timeline/timeline-content.tsx')
| -rw-r--r-- | apps/web/src/components/editor/timeline/timeline-content.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/apps/web/src/components/editor/timeline/timeline-content.tsx b/apps/web/src/components/editor/timeline/timeline-content.tsx index a1fd6906..ed0375da 100644 --- a/apps/web/src/components/editor/timeline/timeline-content.tsx +++ b/apps/web/src/components/editor/timeline/timeline-content.tsx @@ -56,8 +56,8 @@ export function TimelineContent({ showSnapIndicator, }: TimelineContentProps) { return ( - <div className="min-w-max min-h-max" style={{ minWidth: `${dynamicTimelineWidth}px` }}> - <div className={`grid grid-cols-[192px_1fr] ${tracks.length > 0 ? `grid-rows-[20px_repeat(${tracks.length},minmax(0,max-content))]` : 'grid-rows-[20px_1fr]'}`}> + <div className="relative min-w-max min-h-max" style={{ minWidth: `${dynamicTimelineWidth}px` }}> + <div className={`h-full grid grid-cols-[192px_1fr] ${tracks.length > 0 ? `grid-rows-[20px_repeat(${tracks.length},minmax(0,max-content))]` : 'grid-rows-[20px_1fr]'}`}> {/* Top-Left Corner (Empty space above track labels) */} <div className="sticky top-0 left-0 border-inset bg-card/[0.99]"></div> @@ -85,7 +85,7 @@ export function TimelineContent({ /> </div> - {/* Overlay Components */} + {/* Overlay Components - positioned absolutely relative to the timeline container */} <SelectionBox startPos={selectionBox?.startPos || null} currentPos={selectionBox?.currentPos || null} |
