External/OpenCut
1
0
Fork 0
mirror of https://github.com/OpenCut-app/OpenCut.git synced 2026-07-13 21:52:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

cleanup: tailwind classes

Browse Source
This commit is contained in:
Maze Winther
2025-07-17 17:34:18 +02:00
parent e9ec13999a
commit 4170ee4f5b
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/editor/timeline/timeline-content.tsx
+1 -1
View File
@@ -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]"}`} 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) */} {/* 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) */} {/* Top Row (Sticky Ruler Header) */}
<TimelineRuler <TimelineRuler
apps/web/src/components/editor/timeline/timeline-ruler.tsx
+1 -1
View File
@@ -110,7 +110,7 @@ export function TimelineRuler({
return ( return (
<div <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} onMouseDown={handleSelectionMouseDown}
onClick={handleTimelineContentClick} onClick={handleTimelineContentClick}
data-ruler-area data-ruler-area
apps/web/src/components/editor/timeline/timeline-tracks-area.tsx
+2 -2
View File
@@ -35,7 +35,7 @@ export function TimelineTracksArea({
<Fragment key={track.id}> <Fragment key={track.id}>
{/* Left Column (Sticky Track Labels) */} {/* Left Column (Sticky Track Labels) */}
<div <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` }} style={{ height: `${getTrackHeight(track.type)}px` }}
> >
<div className="flex items-center gap-2 px-2"> <div className="flex items-center gap-2 px-2">
@@ -77,7 +77,7 @@ export function TimelineTracksArea({
{/* Add Track Button - spans full width */} {/* Add Track Button - spans full width */}
<div <div
onClick={() => addTrack("media")} 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` }} style={{ height: `${getTrackHeight("media")}px` }}
> >
<div className="w-full flex justify-center items-center"> <div className="w-full flex justify-center items-center">