xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: completely fresh ui in editor

Browse Source
This commit is contained in:
Maze Winther
2025-07-09 21:45:25 +02:00
parent 3d685f57dd
commit 5e1f780fff
12 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/components/editor/timeline.tsx
View File

@ -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">