refactor(music-lab): 컴포넌트 분할 — AudioPlayer, LyricsTab, CreditsBadge 추출
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -2426,3 +2426,26 @@
|
||||
animation: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Phase 1: Credits Badge ─────────────────────────────── */
|
||||
.ms-credits-badge {
|
||||
display: inline-flex; align-items: center; gap: 6px;
|
||||
padding: 6px 14px; border-radius: 20px;
|
||||
background: rgba(245, 166, 35, 0.1);
|
||||
border: 1px solid rgba(245, 166, 35, 0.25);
|
||||
font-family: 'Courier Prime', monospace;
|
||||
font-size: 0.85rem; color: var(--ms-accent);
|
||||
}
|
||||
.ms-credits-badge__icon { font-size: 1rem; }
|
||||
.ms-credits-badge__value { font-weight: 700; font-size: 1.1rem; }
|
||||
.ms-credits-badge__label { color: var(--ms-muted); font-size: 0.75rem; text-transform: uppercase; }
|
||||
.ms-credits-badge.is-low {
|
||||
background: rgba(231, 76, 60, 0.15);
|
||||
border-color: rgba(231, 76, 60, 0.4);
|
||||
color: #e74c3c;
|
||||
animation: pulse-badge 1.5s ease-in-out infinite;
|
||||
}
|
||||
@keyframes pulse-badge {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.6; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user