diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-09 21:45:25 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-09 21:45:25 +0200 |
| commit | 5e1f780fffb9ab72d9a0a8e12614a85a213c3744 (patch) | |
| tree | 8092cb433c2d8e44ff35f740b53141de68c61cea /apps/web/src/components/editor/timeline.tsx | |
| parent | 3d685f57dd2a290a8c6a77aefea5352ba2a405a0 (diff) | |
| download | opencut-5e1f780fffb9ab72d9a0a8e12614a85a213c3744.tar.gz | |
style: completely fresh ui in editor
Diffstat (limited to 'apps/web/src/components/editor/timeline.tsx')
| -rw-r--r-- | apps/web/src/components/editor/timeline.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx index f7208224..cfe72cd1 100644 --- a/apps/web/src/components/editor/timeline.tsx +++ b/apps/web/src/components/editor/timeline.tsx @@ -749,7 +749,7 @@ export function Timeline() { return ( <div - className={`h-full flex flex-col transition-colors duration-200 relative`} + className={`h-full flex flex-col transition-colors duration-200 relative bg-panel rounded-sm overflow-hidden`} {...dragProps} onMouseEnter={() => setIsInTimeline(true)} onMouseLeave={() => setIsInTimeline(false)} @@ -911,7 +911,7 @@ export function Timeline() { {/* Timeline Container */} <div className="flex-1 flex flex-col overflow-hidden"> {/* Timeline Header with Ruler */} - <div className="flex border-b bg-background sticky top-0 z-10"> + <div className="flex border-b bg-panel-accent sticky top-0 z-10"> {/* Track Labels Header */} <div className="w-48 flex-shrink-0 bg-muted/30 border-r flex items-center justify-between px-3 py-2"> <span className="text-sm font-medium text-muted-foreground"> @@ -1019,12 +1019,12 @@ export function Timeline() { <div className="flex-1 flex overflow-hidden"> {/* Track Labels */} {tracks.length > 0 && ( - <div className="w-48 flex-shrink-0 border-r bg-background overflow-y-auto"> + <div className="w-48 flex-shrink-0 border-r bg-panel-accent overflow-y-auto"> <div className="flex flex-col"> {tracks.map((track) => ( <div key={track.id} - className="flex items-center px-3 border-b border-muted/30 bg-background group" + className="flex items-center px-3 border-b border-muted/30 group" style={{ height: `${getTrackHeight(track.type)}px` }} > <div className="flex items-center flex-1 min-w-0"> |