ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-11 06:30:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "feat: Persist Studio manual edits via manifest (#593)"

Browse Source 
This reverts commit d0abe90a82.
This commit is contained in:
Miguel Ángel
2026-05-04 09:41:36 -07:00
parent 8d83d4f132
commit 26b8e2a985
82 changed files with 711 additions and 15345 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/studio/src/player/components/TimelineClip.tsx
+7 -20
View File
@@ -63,25 +63,6 @@ export const TimelineClip = memo(function TimelineClip({
const capabilities = getTimelineEditCapabilities(el);
const displayLabel = el.label || el.id || el.tag;
const showHandles = handleOpacity > 0.01;
const baseBackgroundImage = isSelected ? theme.clipBackgroundActive : theme.clipBackground;
const glossBackgroundImage = isSelected
? "linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0))"
: "linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0))";
const accentBackgroundImage = `linear-gradient(120deg, ${trackStyle.accent}${
isSelected ? "22" : "1e"
}, transparent 28%)`;
const compositionStripeBackgroundImage =
isComposition && !hasCustomContent
? "repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255,255,255,0.05) 3px, rgba(255,255,255,0.05) 6px)"
: undefined;
const clipBackgroundImage = [
compositionStripeBackgroundImage,
glossBackgroundImage,
accentBackgroundImage,
baseBackgroundImage,
]
.filter(Boolean)
.join(", ");
return (
<div
@@ -95,7 +76,13 @@ export const TimelineClip = memo(function TimelineClip({
top: clipY,
bottom: clipY,
borderRadius: theme.clipRadius,
backgroundImage: clipBackgroundImage,
background: isSelected
? `linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0)), linear-gradient(120deg, ${trackStyle.accent}22, transparent 28%), ${theme.clipBackgroundActive}`
: `linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)), linear-gradient(120deg, ${trackStyle.accent}1e, transparent 28%), ${theme.clipBackground}`,
backgroundImage:
isComposition && !hasCustomContent
? `repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255,255,255,0.05) 3px, rgba(255,255,255,0.05) 6px)`
: undefined,
border: `1px solid ${borderColor}`,
boxShadow,
transition: