slim the active tab pill and reveal its label from the start

This commit is contained in:
austinried
2026-10-04 00:29:56 +00:00
parent 2464c26c79
commit 0825b8411c
@@ -314,7 +314,7 @@ fun LibraryScreen(
Modifier Modifier
.fillMaxWidth() .fillMaxWidth()
.background(artwork?.let(::playerSurfaceColor) ?: MaterialTheme.colorScheme.background) .background(artwork?.let(::playerSurfaceColor) ?: MaterialTheme.colorScheme.background)
.padding(top = statusBarTop + 8.dp, bottom = 8.dp), .padding(top = statusBarTop + 4.dp, bottom = 4.dp),
) { ) {
LibraryTabs( LibraryTabs(
pagerState = pagerState, pagerState = pagerState,
@@ -669,10 +669,10 @@ private fun TabButton(
Row( Row(
modifier = modifier =
modifier modifier
.clip(RoundedCornerShape(20.dp)) .clip(RoundedCornerShape(8.dp))
.background(container.copy(alpha = progress)) .background(container.copy(alpha = progress))
.clickable(onClick = onClick) .clickable(onClick = onClick)
.padding(horizontal = 12.dp, vertical = 8.dp), .padding(horizontal = 10.dp, vertical = 6.dp),
verticalAlignment = Alignment.CenterVertically, verticalAlignment = Alignment.CenterVertically,
) { ) {
Icon( Icon(
@@ -683,8 +683,8 @@ private fun TabButton(
) )
AnimatedVisibility( AnimatedVisibility(
visible = progress > 0.5f, visible = progress > 0.5f,
enter = expandHorizontally() + fadeIn(), enter = expandHorizontally(expandFrom = Alignment.Start) + fadeIn(),
exit = shrinkHorizontally() + fadeOut(), exit = shrinkHorizontally(shrinkTowards = Alignment.Start) + fadeOut(),
) { ) {
Row(verticalAlignment = Alignment.CenterVertically) { Row(verticalAlignment = Alignment.CenterVertically) {
Spacer(Modifier.width(8.dp)) Spacer(Modifier.width(8.dp))