diff --git a/src/renderer/features/lyrics/karaoke-lyric-line.module.css b/src/renderer/features/lyrics/karaoke-lyric-line.module.css index 6606e2acc..96969aa51 100644 --- a/src/renderer/features/lyrics/karaoke-lyric-line.module.css +++ b/src/renderer/features/lyrics/karaoke-lyric-line.module.css @@ -52,16 +52,6 @@ text-align: inherit; } -.agent-badge { - display: block; - margin-bottom: 0.15rem; - font-size: 0.65em; - font-weight: 500; - text-transform: uppercase; - letter-spacing: 0.04em; - opacity: 0.7; -} - .agent-text { display: block; width: 100%; @@ -69,8 +59,3 @@ overflow-wrap: break-word; white-space: normal; } - -.agent-line[data-agent-role='bg'] .agent-badge, -.agent-line[data-agent-role='group'] .agent-badge { - font-style: italic; -} diff --git a/src/renderer/features/lyrics/karaoke-lyric-line.tsx b/src/renderer/features/lyrics/karaoke-lyric-line.tsx index 6d0e32cf0..4eac9f020 100644 --- a/src/renderer/features/lyrics/karaoke-lyric-line.tsx +++ b/src/renderer/features/lyrics/karaoke-lyric-line.tsx @@ -29,15 +29,6 @@ interface KaraokeLyricLineProps extends ComponentPropsWithoutRef<'div'> { type WordSpanVariant = 'main' | 'romaji'; -const getAgentLabel = (agents: LyricAgent[] | undefined, agentId?: string): string | undefined => { - if (!agentId || !agents?.length) { - return undefined; - } - - const agent = agents.find((entry) => entry.id === agentId); - return agent?.name ?? agent?.role; -}; - const renderWordSpans = ( cueLine: SyncedCueLine, lineIndex: number, @@ -146,7 +137,6 @@ export const KaraokeLyricLine = memo( > {cueLines.map((cueLine, cueLineIndex) => { - const agentLabel = getAgentLabel(agents, cueLine.agentId); const agent = agents?.find((entry) => entry.id === cueLine.agentId); const isBackground = agent?.role === 'bg' || agent?.role === 'group'; const romajiCueLine = romajiCueLines?.[cueLineIndex]; @@ -157,9 +147,6 @@ export const KaraokeLyricLine = memo( data-agent-role={agent?.role} key={`${cueLine.index}-${cueLineIndex}`} > - {agentLabel && ( - {agentLabel} - )}