feat: add cue numbering to AD cues in VttEditor
Display 0-based cue index badges in the editable AD cue list to match the numbering shown on the timeline preview, helping users associate timeline markers with their corresponding editable cues. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
0919dbf7bd
commit
48bcea349e
1 changed files with 4 additions and 0 deletions
|
|
@ -231,6 +231,10 @@ export function VttEditor({ vttContent, onChange, onCueSave, title, readOnly = f
|
|||
{/* Timing Row */}
|
||||
<div className="flex items-center justify-between mb-2">
|
||||
<div className="flex items-center gap-1">
|
||||
{/* Cue Number */}
|
||||
<span className="inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-orange-400 rounded-full mr-2">
|
||||
{index}
|
||||
</span>
|
||||
{readOnly ? (
|
||||
<span className="text-sm text-gray-500 font-mono">
|
||||
{formatTime(cue.startTime)} → {formatTime(cue.endTime)}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue