diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-17 17:34:18 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-17 17:34:18 +0200 |
| commit | 4170ee4f5b14e35ba00988b90a4c20377001f3b3 (patch) | |
| tree | 2fdfce1ed62b695f781b2a24c2a0edce78173e7f | |
| parent | e9ec13999abc9ec85c78f5d6e7eccb16d6a77386 (diff) | |
| download | opencut-4170ee4f5b14e35ba00988b90a4c20377001f3b3.tar.gz | |
cleanup: tailwind classes
3 files changed, 4 insertions, 4 deletions
diff --git a/apps/web/src/components/editor/timeline/timeline-content.tsx b/apps/web/src/components/editor/timeline/timeline-content.tsx index 0229c418..05b7d4bd 100644 --- a/apps/web/src/components/editor/timeline/timeline-content.tsx +++ b/apps/web/src/components/editor/timeline/timeline-content.tsx @@ -64,7 +64,7 @@ export function TimelineContent({ 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> + <div className="sticky top-0 left-0 border-inset bg-card"></div> {/* Top Row (Sticky Ruler Header) */} <TimelineRuler diff --git a/apps/web/src/components/editor/timeline/timeline-ruler.tsx b/apps/web/src/components/editor/timeline/timeline-ruler.tsx index fbe5ae1f..2f2b6605 100644 --- a/apps/web/src/components/editor/timeline/timeline-ruler.tsx +++ b/apps/web/src/components/editor/timeline/timeline-ruler.tsx @@ -110,7 +110,7 @@ export function TimelineRuler({ return ( <div - className="sticky top-0 bg-card/[0.99] border-b border-muted/30 z-[99]" + className="sticky top-0 bg-card border-b border-muted/30 z-[99]" onMouseDown={handleSelectionMouseDown} onClick={handleTimelineContentClick} data-ruler-area diff --git a/apps/web/src/components/editor/timeline/timeline-tracks-area.tsx b/apps/web/src/components/editor/timeline/timeline-tracks-area.tsx index 9242bccd..7de6df04 100644 --- a/apps/web/src/components/editor/timeline/timeline-tracks-area.tsx +++ b/apps/web/src/components/editor/timeline/timeline-tracks-area.tsx @@ -35,7 +35,7 @@ export function TimelineTracksArea({ <Fragment key={track.id}> {/* Left Column (Sticky Track Labels) */} <div - className="sticky left-0 flex items-center border-b border-panel border-inset group bg-card/[0.99] z-[98]" + className="sticky left-0 flex items-center border-b border-panel border-inset group bg-card z-[100]" style={{ height: `${getTrackHeight(track.type)}px` }} > <div className="flex items-center gap-2 px-2"> @@ -77,7 +77,7 @@ export function TimelineTracksArea({ {/* Add Track Button - spans full width */} <div onClick={() => addTrack("media")} - className="col-span-1 sticky left-0 w-full flex items-center border-b border-muted bg-card/[0.99] hover:bg-card/50 transition-colors cursor-pointer z-[89]" + className="col-span-1 sticky left-0 w-full flex items-center border-b border-muted bg-card hover:bg-card/50 transition-colors cursor-pointer z-[100]" style={{ height: `${getTrackHeight("media")}px` }} > <div className="w-full flex justify-center items-center"> |