summaryrefslogtreecommitdiff
path: root/apps/web/src/components/editor
diff options
context:
space:
mode:
authorMaze Winther <mazewinther@gmail.com>2025-07-09 22:31:45 +0200
committerMaze Winther <mazewinther@gmail.com>2025-07-09 22:31:45 +0200
commit059a4f4205a50841bdc8b33c940a9a88828d5f50 (patch)
tree00f907bd6090cbfbd4bd0532d33047ca6b034f5a /apps/web/src/components/editor
parentf4fbdf14a9991fc152f7d9fa6e70d73e01f18f0d (diff)
downloadopencut-059a4f4205a50841bdc8b33c940a9a88828d5f50.tar.gz
style: timeline tracks
Diffstat (limited to 'apps/web/src/components/editor')
-rw-r--r--apps/web/src/components/editor/timeline.tsx6
1 files changed, 3 insertions, 3 deletions
diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index bec5ec05..01f84d71 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -999,11 +999,11 @@ export function Timeline() {
{/* Track Labels */}
{tracks.length > 0 && (
<div className="w-48 flex-shrink-0 border-r bg-panel-accent overflow-y-auto">
- <div className="flex flex-col">
+ <div className="flex flex-col gap-1">
{tracks.map((track) => (
<div
key={track.id}
- className="flex items-center px-3 border-b border-muted/30 group"
+ className="flex items-center px-3 border-b border-muted/30 group bg-foreground/5"
style={{ height: `${getTrackHeight(track.type)}px` }}
>
<div className="flex items-center flex-1 min-w-0">
@@ -1043,7 +1043,7 @@ export function Timeline() {
<ContextMenu key={track.id}>
<ContextMenuTrigger asChild>
<div
- className="absolute left-0 right-0 border-b border-muted/30"
+ className="absolute left-0 right-0 border-b border-muted/30 py-[0.05rem]"
style={{
top: `${getCumulativeHeightBefore(tracks, index)}px`,
height: `${getTrackHeight(track.type)}px`,