Creepso/fluxa
1
0
Fork 0
mirror of https://github.com/FluxaMedia/fluxa.git synced 2026-07-26 20:02:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Restyle sidebar track rows with rounded selection highlight

Browse source 
Rows in the player sheets were flat full-bleed text with a 4dp inset;
the only selection cue was the trailing check. Rows are now rounded
12dp containers with a subtle white highlight behind the selected one,
matching ripple bounds, and the header subtitle is slightly larger.
This commit is contained in:
KhooLy 2026-07-17 16:58:00 +03:00
parent 7f93efbd41
commit 481aeb63e8
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/player/PlayerSidebarShell.kt
View file

@ -210,9 +210,9 @@ fun PlayerSidebarShell(
Spacer(Modifier.height(6.dp))
Text(
text = subtitle,
color = Color.White.copy(alpha = 0.55f),
fontSize = if (deviceType == DeviceType.TV) 11.sp else 10.sp,
lineHeight = 14.sp
color = Color.White.copy(alpha = 0.5f),
fontSize = if (deviceType == DeviceType.TV) 12.sp else 11.sp,
lineHeight = 15.sp
)
}
}
@ -257,8 +257,10 @@ fun TrackItem(
modifier = modifier
.fillMaxWidth()
.heightIn(min = if (resolvedDeviceType == DeviceType.TV) 56.dp else 52.dp)
.clip(RoundedCornerShape(12.dp))
.background(if (isSelected) Color.White.copy(alpha = 0.08f) else Color.Transparent)
.clickable { onClick() }
.padding(horizontal = 4.dp, vertical = 8.dp),
.padding(horizontal = 12.dp, vertical = 8.dp),
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.spacedBy(12.dp)
) {