caadiq/fromis_9
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

PC 곡 상세: TITLE 배지를 노래 제목 옆으로 이동

Browse source
This commit is contained in:
caadiq 2026-01-12 18:39:23 +09:00
parent 0232edc10a
commit 67cd6813a2
1 changed files with 17 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
frontend/src/pages/pc/public/TrackDetail.jsx
View file

@ -257,23 +257,25 @@ function TrackDetail() {
)} )}
</div> </div>
{/* 곡 제목 */} {/* 곡 제목 + 타이틀 배지 */}
<span className={`flex-1 text-sm truncate ${ <div className="flex-1 flex items-center gap-2 min-w-0">
isCurrent ? 'font-semibold' : 'group-hover:text-gray-900' <span className={`text-sm truncate ${
}`}> isCurrent ? 'font-semibold' : 'group-hover:text-gray-900'
{t.title}
</span>
{/* 타이틀 배지 */}
{t.is_title_track === 1 && (
<span className={`px-2 py-0.5 text-[10px] font-bold rounded-full ${
isCurrent
? 'bg-white/20 text-white'
: 'bg-primary/10 text-primary'
}`}> }`}>
TITLE {t.title}
</span> </span>
)}
{/* 타이틀 배지 */}
{t.is_title_track === 1 && (
<span className={`px-2 py-0.5 text-[10px] font-bold rounded-full flex-shrink-0 ${
isCurrent
? 'bg-white/20 text-white'
: 'bg-primary/10 text-primary'
}`}>
TITLE
</span>
)}
</div>
{/* 재생 시간 */} {/* 재생 시간 */}
<span className={`text-xs tabular-nums ${ <span className={`text-xs tabular-nums ${