mirror of
https://github.com/jeffvli/feishin.git
synced 2026-07-14 22:50:26 +02:00
remove lyric agent attribution display
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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(
|
||||
>
|
||||
<Stack align="stretch" gap={0} w="100%">
|
||||
{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 && (
|
||||
<span className={styles.agentBadge}>{agentLabel}</span>
|
||||
)}
|
||||
<span
|
||||
className={styles.agentText}
|
||||
id={
|
||||
|
||||
Reference in New Issue
Block a user