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

fix: tailwind class

Browse Source
This commit is contained in:
Maze Winther
2025-07-10 22:21:09 +02:00
parent 6c59fed5c0
commit 4fc14947ad
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -909,23 +909,24 @@ export function Timeline() {
{/* Timeline Container */} {/* Timeline Container */}
<div className="flex-1 flex flex-col overflow-hidden" ref={timelineRef}> <div className="flex-1 flex flex-col overflow-hidden" ref={timelineRef}>
{/* Timeline Header with Ruler */} {/* Timeline Header with Ruler */}
<div className="flex border-b bg-panel-accent sticky top-0 z-10"> <div className="flex bg-panel sticky top-0 z-10">
{/* Track Labels Header */} {/* Track Labels Header */}
<div className="w-48 flex-shrink-0 bg-muted/30 border-r flex items-center justify-between px-3 py-2"> <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"> {/* Empty space */}
Tracks <span className="text-sm font-medium text-muted-foreground opacity-0">
.
</span> </span>
</div> </div>
{/* Timeline Ruler */} {/* Timeline Ruler */}
<div <div
className="flex-1 relative overflow-hidden" className="flex-1 relative overflow-hidden h-4"
onWheel={handleWheel} onWheel={handleWheel}
> >
<ScrollArea className="w-full" ref={rulerScrollRef}> <ScrollArea className="w-full" ref={rulerScrollRef}>
<div <div
ref={rulerRef} ref={rulerRef}
className={`relative h-12 bg-muted/30 select-none ${ className={`relative h-4 select-none ${
isDraggingRuler ? "cursor-grabbing" : "cursor-grab" isDraggingRuler ? "cursor-grabbing" : "cursor-grab"
}`} }`}
style={{ style={{
@ -971,7 +972,7 @@ export function Timeline() {
}} }}
> >
<span <span
className={`absolute top-1 left-1 text-xs ${ className={`absolute top-1 left-1 text-[0.6rem] ${
isMainMarker isMainMarker
? "text-muted-foreground font-medium" ? "text-muted-foreground font-medium"
: "text-muted-foreground/70" : "text-muted-foreground/70"
@ -1103,7 +1104,7 @@ export function Timeline() {
{/* Playhead for tracks area (scrubbable) */} {/* Playhead for tracks area (scrubbable) */}
{tracks.length > 0 && ( {tracks.length > 0 && (
<div <div
className="absolute top-0 w-0.5 bg-red-500 pointer-events-auto z-50 cursor-col" className="absolute top-0 w-0.5 bg-red-500 pointer-events-auto z-50 cursor-col-resize"
style={{ style={{
left: `${playheadPosition * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel}px`, left: `${playheadPosition * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel}px`,
height: `${getTotalTracksHeight(tracks)}px`, height: `${getTotalTracksHeight(tracks)}px`,