summaryrefslogtreecommitdiff
path: root/apps/web/src/components/editor/timeline/timeline-content.tsx
diff options
context:
space:
mode:
authorSimon Orzel <simonorzel@gmail.com>2025-07-17 02:25:24 +0200
committerSimon Orzel <simonorzel@gmail.com>2025-07-17 02:25:24 +0200
commit98b2103286f04d67db1d57f9e3330efa5d41fdb7 (patch)
treec9b6d144d2d7e4f70de99aef1737871b044ad146 /apps/web/src/components/editor/timeline/timeline-content.tsx
parent9fa9f406fe2722cec1e0d65d9b3868acd1e99f87 (diff)
downloadopencut-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.tsx6
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}