From 481aeb63e87d191e21bd50ea3b36bad25fc77f3d Mon Sep 17 00:00:00 2001 From: KhooLy <73142442+KhooLy@users.noreply.github.com> Date: Fri, 17 Jul 2026 16:58:00 +0300 Subject: [PATCH] Restyle sidebar track rows with rounded selection highlight 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. --- .../app/shared/feature/player/PlayerSidebarShell.kt | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/player/PlayerSidebarShell.kt b/shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/player/PlayerSidebarShell.kt index 97673e5..a4e414d 100644 --- a/shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/player/PlayerSidebarShell.kt +++ b/shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/player/PlayerSidebarShell.kt @@ -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) ) {