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

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

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